more dark theme 😈
This commit is contained in:
parent
52e9c2b0c5
commit
8e0a2e966f
@ -1,3 +0,0 @@
|
|||||||
.selected {
|
|
||||||
background-color: #cccccc;
|
|
||||||
}
|
|
@ -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[];
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user