more dark theme 😈

This commit is contained in:
Zakary Timson 2019-08-24 20:57:39 -04:00
parent 52e9c2b0c5
commit 8e0a2e966f
3 changed files with 12 additions and 4 deletions

View File

@ -1,3 +0,0 @@
.selected {
background-color: #cccccc;
}

View File

@ -5,7 +5,6 @@ import {version} from '../../../../package.json';
@Component({ @Component({
selector: 'toolbar', selector: 'toolbar',
templateUrl: 'toolbar.component.html', templateUrl: 'toolbar.component.html',
styleUrls: ['toolbar.component.scss']
}) })
export class ToolbarComponent implements OnInit, AfterViewInit { export class ToolbarComponent implements OnInit, AfterViewInit {
@Input() menuItems: ToolbarItem[]; @Input() menuItems: ToolbarItem[];

View File

@ -30,6 +30,10 @@
.mat-menu-item { .mat-menu-item {
color: rgba(255, 255, 255, 0.54); color: rgba(255, 255, 255, 0.54);
&:hover {
background-color: rgba(90, 90, 90, 0.8) !important;
}
.mat-icon-no-color { .mat-icon-no-color {
color: rgba(255, 255, 255, 0.54) color: rgba(255, 255, 255, 0.54)
} }
@ -42,4 +46,12 @@
z-index: 500; z-index: 500;
color: rgba(255, 255, 255, 0.54); color: rgba(255, 255, 255, 0.54);
background-color: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
.selected {
background-color: rgba(75, 75, 75, 0.8);
}
.mat-icon-button:hover {
background-color: rgba(90, 90, 90, 0.8) !important;
}
} }