MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-03 16:08:53 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Light version theme #47

Browse Source
This commit is contained in:
Wassax7 2025-04-12 10:12:38 +00:00
parent 569894124c
commit ab5b079696
1 changed files with 75 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
CSS/theme-light.css Normal file
View File

@ -0,0 +1,75 @@
/* Variables */
:root {
--primary-background-color: #fff;
--secondary-background-color: #f5f5f5;
--tertiary-background-color: #e0e0e0;
--outline-color: #cccccc;
--primary-background-transparent: rgba(245,245,245,0.5);
--secondary-background-transparent: rgba(255,255,255,0.6);
}
.mainDrawer,
.headerButton,
.detailButton-content{color: black;}
.fab,
.raised,
.collapseContent,
.formDialogFooter:not(.formDialogFooter-clear),
.formDialogHeader:not(.formDialogHeader-clear),
.paperList,
.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;
}
.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(--outline-color) !important;
}
.listItem:hover {
background: var(--secondary-background-color) !important;
}
select,
textarea,
input:not(.mdl-slider) {
background: var(--primary-background-color) !important;
border: 2px solid var(--outline-color) !important;
}
.navMenuOption:hover:not(.navMenuOption-selected) {
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;
}