mirror of
https://github.com/loof2736/scyfin.git
synced 2025-11-05 00:38:53 +01:00
Initial commit for OLED theme
This commit is contained in:
parent
c91f39b38a
commit
38239e99aa
54
CSS/theme-oled.css
Normal file
54
CSS/theme-oled.css
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
/* Variables */
|
||||||
|
:root {
|
||||||
|
--primary-background-color: #000;
|
||||||
|
--secondary-background-color: #101010;
|
||||||
|
--tertiary-background-color: #181818;
|
||||||
|
--primary-background-transparent: rgba(35,35,35,0.5);
|
||||||
|
--secondary-background-transparent: rgba(0,0,0,0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fab,
|
||||||
|
.raised,
|
||||||
|
.collapseContent,
|
||||||
|
.formDialogFooter:not(.formDialogFooter-clear),
|
||||||
|
.formDialogHeader:not(.formDialogHeader-clear),
|
||||||
|
.paperList,
|
||||||
|
.visualCardBox {
|
||||||
|
background: var(--tertiary-background-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-submit {
|
||||||
|
background: var(--secondary-accent-color) !important;
|
||||||
|
color: var(--primary-accent-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.emby-checkbox:checked + span + .checkboxOutline {
|
||||||
|
background: var(--secondary-accent-color) !important;
|
||||||
|
border-color: var(--secondary-accent-color) !important;
|
||||||
|
}
|
||||||
|
.checkboxIcon {
|
||||||
|
color: var(--primary-accent-color)
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-desktop .detailSectionContent,
|
||||||
|
.trackSelections,
|
||||||
|
.layout-desktop .detailsGroupItem,
|
||||||
|
.layout-desktop .localnav {
|
||||||
|
background: var(--primary-background-color) !important;
|
||||||
|
border: 2px solid var(--tertiary-background-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.listItem:hover {
|
||||||
|
background: var(--secondary-background-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
select,
|
||||||
|
textarea,
|
||||||
|
input {
|
||||||
|
background: var(--primary-background-color) !important;
|
||||||
|
border: 2px solid var(--tertiary-background-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navMenuOption:hover:not(.navMenuOption-selected) {
|
||||||
|
background: var(--tertiary-background-color) !important;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user