Modified outline colors

This commit is contained in:
loof2736 2024-06-09 19:39:22 -04:00
parent 38239e99aa
commit 260a4bc6d4

View File

@ -3,6 +3,7 @@
--primary-background-color: #000; --primary-background-color: #000;
--secondary-background-color: #101010; --secondary-background-color: #101010;
--tertiary-background-color: #181818; --tertiary-background-color: #181818;
--outline-color: #252525;
--primary-background-transparent: rgba(35,35,35,0.5); --primary-background-transparent: rgba(35,35,35,0.5);
--secondary-background-transparent: rgba(0,0,0,0.6); --secondary-background-transparent: rgba(0,0,0,0.6);
} }
@ -14,6 +15,15 @@
.formDialogHeader:not(.formDialogHeader-clear), .formDialogHeader:not(.formDialogHeader-clear),
.paperList, .paperList,
.visualCardBox { .visualCardBox {
background: var(--secondary-background-color) !important;
}
.checkboxList.paperList {
background: var(--primary-background-color) !important;
border: 2px solid var(--outline-color) !important;
}
.MuiPaper-root.MuiPopover-paper {
background: var(--tertiary-background-color) !important; background: var(--tertiary-background-color) !important;
} }
@ -35,7 +45,7 @@
.layout-desktop .detailsGroupItem, .layout-desktop .detailsGroupItem,
.layout-desktop .localnav { .layout-desktop .localnav {
background: var(--primary-background-color) !important; background: var(--primary-background-color) !important;
border: 2px solid var(--tertiary-background-color) !important; border: 2px solid var(--outline-color) !important;
} }
.listItem:hover { .listItem:hover {
@ -46,9 +56,16 @@ select,
textarea, textarea,
input { input {
background: var(--primary-background-color) !important; background: var(--primary-background-color) !important;
border: 2px solid var(--tertiary-background-color) !important; border: 2px solid var(--outline-color) !important;
} }
.navMenuOption:hover:not(.navMenuOption-selected) { .navMenuOption:hover:not(.navMenuOption-selected) {
background: var(--tertiary-background-color) !important; background: var(--tertiary-background-color) !important;
} }
.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
border-color: var(--secondary-accent-color) !important;
}
.checkboxOutline {
border-color: var(--outline-color) !important;
}