::ng-deep mat-toolbar { background: #000 !important; border-bottom: #fff solid 1px; height: 64px; .mat-toolbar-row { height: 100%; } .navbar-brand { color: #fff; &:hover img { filter: brightness(5%) sepia(75) saturate(100) hue-rotate(25deg) !important; } &:hover, &:visited:hover { color: #b10000; } } .navbar-button { color: rgba(255, 255, 255, 0.6); font-weight: normal; padding: 0 8px 0 8px; &:hover { color: #b10000; } } } ::ng-deep .mat-menu-content { background: #000; border: #fff solid 1px; padding: 0 !important; border-radius: 0.25rem; mat-divider { border-color: white; margin-top: 0.2rem; padding-bottom: 0.1rem; } button { color: rgba(255, 255, 255, 0.6); height: 36px; line-height: 36px; &:hover { color: #b10000; } } }