chore: fix the file structure
This commit is contained in:
Adam Perkowski
@@ -0,0 +1,25 @@
|
||||
:root {
|
||||
--rosewater: #f2d5cf;
|
||||
--flamingo: #eebebe;
|
||||
--pink: #f4b8e4;
|
||||
--mauve: #ca9ee6;
|
||||
--red: #e78284;
|
||||
--maroon: #ea999c;
|
||||
--peach: #ef9f76;
|
||||
--yellow: #e5c890;
|
||||
--green: #a6d189;
|
||||
--teal: #81c8be;
|
||||
--sky: #99d1db;
|
||||
--sapphire: #85c1dc;
|
||||
--blue: #8caaee;
|
||||
--lavender: #babbf1;
|
||||
|
||||
--main-color: var(--sapphire);
|
||||
--main-background: #303446;
|
||||
--second-background: #292c3c;
|
||||
--hover-background: #414559;
|
||||
--main-text: #c6d0f5;
|
||||
--dimmer-text: #949cbb;
|
||||
--green-color: var(--green);
|
||||
--red-color: var(--red);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
:root {
|
||||
--rosewater: #dc8a78;
|
||||
--flamingo: #dd7878;
|
||||
--pink: #ea76cb;
|
||||
--mauve: #8839ef;
|
||||
--red: #d20f39;
|
||||
--maroon: #e64553;
|
||||
--peach: #fe640b;
|
||||
--yellow: #df8e1d;
|
||||
--green: #40a02b;
|
||||
--teal: #179299;
|
||||
--sky: #04a5e5;
|
||||
--sapphire: #209fb5;
|
||||
--blue: #1e66f5;
|
||||
--lavender: #7287fd;
|
||||
|
||||
--main-color: var(--sapphire);
|
||||
--main-background: #eff1f5;
|
||||
--second-background: #e6e9ef;
|
||||
--hover-background: #ccd0da;
|
||||
--main-text: #4c4f69;
|
||||
--dimmer-text: #7c7f93;
|
||||
--green-color: var(--green);
|
||||
--red-color: var(--red);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
:root {
|
||||
--rosewater: #f4dbd6;
|
||||
--flamingo: #f0c6c6;
|
||||
--pink: #f5bde6;
|
||||
--mauve: #c6a0f6;
|
||||
--red: #ed8796;
|
||||
--maroon: #ee99a0;
|
||||
--peach: #f5a97f;
|
||||
--yellow: #eed49f;
|
||||
--green: #a6da95;
|
||||
--teal: #8bd5ca;
|
||||
--sky: #91d7e3;
|
||||
--sapphire: #7dc4e4;
|
||||
--blue: #8aadf4;
|
||||
--lavender: #b7bdf8;
|
||||
|
||||
--main-color: var(--sapphire);
|
||||
--main-background: #24273a;
|
||||
--second-background: #1e2030;
|
||||
--hover-background: #363a4f;
|
||||
--main-text: #cad3f5;
|
||||
--dimmer-text: #939ab7;
|
||||
--green-color: var(--green);
|
||||
--red-color: var(--red);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
:root {
|
||||
--rosewater: #f5e0dc;
|
||||
--flamingo: #f2cdcd;
|
||||
--pink: #f5c2e7;
|
||||
--mauve: #cba6f7;
|
||||
--red: #f38ba8;
|
||||
--maroon: #eba0ac;
|
||||
--peach: #fab387;
|
||||
--yellow: #f9e2af;
|
||||
--green: #a6e3a1;
|
||||
--teal: #94e2d5;
|
||||
--sky: #89dceb;
|
||||
--sapphire: #74c7ec;
|
||||
--blue: #89b4fa;
|
||||
--lavender: #b4befe;
|
||||
|
||||
--main-color: var(--sapphire);
|
||||
--main-background: #1e1e2e;
|
||||
--second-background: #181825;
|
||||
--hover-background: #313244;
|
||||
--main-text: #cdd6f4;
|
||||
--dimmer-text: #9399b2;
|
||||
--green-color: var(--green);
|
||||
--red-color: var(--red);
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.cardContent-button,
|
||||
.cardContent-shadow,
|
||||
.itemDetailImage,
|
||||
.cardOverlayButton-hover,
|
||||
.cardOverlayContainer,
|
||||
.cardImageContainer,
|
||||
.cardPadder,
|
||||
.paperList,
|
||||
.listItem,
|
||||
.listItemImage,
|
||||
.listItemImageButton,
|
||||
.listItemButton,
|
||||
.headerButton,
|
||||
.emby-button,
|
||||
.cardBox,
|
||||
.paper-icon-button-light,
|
||||
.innerCardFooter,
|
||||
.blurhash-canvas,
|
||||
.actionSheetMenuItem:hover,
|
||||
.toast,
|
||||
.dialog {
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
@@ -0,0 +1,297 @@
|
||||
* {
|
||||
scrollbar-color: var(--hover-background) var(--second-background);
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: var(--main-color);
|
||||
color: var(--main-background);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: var(--main-color);
|
||||
color: var(--main-background);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.mdl-slider-background-upper {
|
||||
background-color: var(--dimmer-text);
|
||||
}
|
||||
|
||||
.mdl-slider::-webkit-slider-thumb {background-color: var(--main-color);}
|
||||
.mdl-slider::-moz-range-thumb {background-color: var(--main-color);}
|
||||
|
||||
.navMenuOption-selected,
|
||||
.listItemButton:focus,
|
||||
.iconOsdProgressInner,
|
||||
.mdl-slider-background-lower {
|
||||
background-color: var(--main-color);
|
||||
}
|
||||
|
||||
.iconOsdProgressOuter,
|
||||
.mdl-slider-background-flex,
|
||||
.formDialogHeader:not(.formDialogHeader-clear),
|
||||
.formDialogFooter:not(.formDialogFooter-clear),
|
||||
.cardBox:not(.visualCardBox) .cardPadder {
|
||||
background-color: var(--hover-background);
|
||||
}
|
||||
|
||||
.backgroundContainer,
|
||||
.formDialogHeader,
|
||||
.detailRibbon,
|
||||
.dialog,
|
||||
.dashboardGeneralForm,
|
||||
html {
|
||||
color: var(--main-text);
|
||||
background-color: var(--main-background);
|
||||
}
|
||||
|
||||
.detailPageSecondaryContainer {
|
||||
background-color: var(--second-background) !important;
|
||||
}
|
||||
|
||||
.sliderBubble,
|
||||
.skinHeader:not(.osdHeader),
|
||||
.nowPlayingBar {
|
||||
color: var(--main-text);
|
||||
background-color: var(--second-background) !important;
|
||||
}
|
||||
|
||||
.nowPlayingBarSecondaryText {
|
||||
color: var(--dimmer-text);
|
||||
}
|
||||
|
||||
.mainDrawer,
|
||||
.cardBox,
|
||||
.paperList {
|
||||
background: var(--main-background);
|
||||
}
|
||||
|
||||
.playstatebutton-icon-played,
|
||||
.ratingbutton-icon-withrating {
|
||||
color: var(--red-color);
|
||||
}
|
||||
|
||||
.emby-input,
|
||||
.emby-textarea,
|
||||
.emby-select {
|
||||
background: var(--second-background);
|
||||
border-color: var(--second-background);
|
||||
}
|
||||
|
||||
.emby-input:focus,
|
||||
.emby-textarea:focus,
|
||||
.emby-select-withcolor:focus {
|
||||
border-color: var(--main-color) !important;
|
||||
}
|
||||
|
||||
.emby-checkbox:checked + span + .checkboxOutline,
|
||||
.itemProgressBarForeground {
|
||||
color: var(--main-text);
|
||||
background-color: var(--main-color);
|
||||
border-color: var(--main-color);
|
||||
}
|
||||
|
||||
.toast,
|
||||
.fab,
|
||||
.raised {
|
||||
color: var(--main-text);
|
||||
background-color: var(--second-background);
|
||||
}
|
||||
|
||||
.paper-icon-button-light:hover:not(:disabled),
|
||||
.paper-icon-button-light:focus,
|
||||
.listItem:hover,
|
||||
.listItem:focus,
|
||||
.navMenuOption:hover,
|
||||
.navMenuOption:focus {
|
||||
color: var(--main-color) !important;
|
||||
background-color: var(--hover-background);
|
||||
}
|
||||
|
||||
.listItemIcon:not(.listItemIcon-transparent) {
|
||||
color: var(--main-text);
|
||||
background-color: var(--second-background) !important;
|
||||
}
|
||||
|
||||
.notifications {
|
||||
color: var(--blue) !important;
|
||||
}
|
||||
|
||||
.notification_important {
|
||||
color: var(--red-color) !important;
|
||||
}
|
||||
|
||||
.button-submit,
|
||||
.button-submit:focus,
|
||||
.button-alt,
|
||||
.button-alt:focus,
|
||||
.submit,
|
||||
.submit:focus,
|
||||
#btnAddPerson,
|
||||
#btnAddPerson:focus,
|
||||
.btnAddTrigger,
|
||||
.btnAddTrigger:focus,
|
||||
.btnAddUser,
|
||||
.btnAddUser:focus {
|
||||
color: var(--main-background);
|
||||
background: var(--main-color);
|
||||
}
|
||||
|
||||
.cardText-secondary {
|
||||
color: var(--dimmer-text);
|
||||
}
|
||||
|
||||
.button-cancel,
|
||||
.button-cancel:focus {
|
||||
color: var(--main-color);
|
||||
background: var(--main-background);
|
||||
}
|
||||
|
||||
#btnShutdown,
|
||||
#deviceDeleteAll,
|
||||
.btnDeleteImage,
|
||||
.btnResetPassword {
|
||||
color: var(--main-background);
|
||||
background: var(--red-color);
|
||||
}
|
||||
|
||||
.btnRefresh {
|
||||
background: var(--main-color);
|
||||
color: var(--main-background);
|
||||
}
|
||||
|
||||
.backgroundContainer.withBackdrop,
|
||||
.backdropContainer,
|
||||
.backgroundContainer {
|
||||
background: var(--main-background);
|
||||
}
|
||||
|
||||
.inputLabelFocused,
|
||||
.selectLabelFocused,
|
||||
.textareaLabelFocused,
|
||||
.button-link,
|
||||
.button-flat:focus,
|
||||
.button-flat:hover,
|
||||
.itemAction:focus,
|
||||
.emby-tab-button-active>.emby-button-foreground,
|
||||
.emby-button-foreground:focus,
|
||||
.mdl-slider,
|
||||
.headerRight,
|
||||
.headerLeft,
|
||||
.button-link {
|
||||
color: var(--main-color);
|
||||
}
|
||||
|
||||
.MuiButtonBase-root,
|
||||
.MuiSvgIcon-root,
|
||||
.listItemButton,
|
||||
.lnkMediaFolder {
|
||||
color: var(--main-text) !important;
|
||||
}
|
||||
|
||||
.Mui-selected {
|
||||
background-color: var(--main-background) !important;
|
||||
}
|
||||
|
||||
.MuiPaper-root,
|
||||
.MuiBox-root,
|
||||
.MuiTableContainer-root,
|
||||
.MuiTableRow-root,
|
||||
.MuiTableCell-root,
|
||||
.MuiTableFooter-root,
|
||||
.MuiList-root {
|
||||
background-color: var(--second-background);
|
||||
border-color: var(--hover-background) !important;
|
||||
outline-color: var(--main-color);
|
||||
}
|
||||
|
||||
.MuiToolbar-root {
|
||||
background-color: var(--main-background);
|
||||
}
|
||||
|
||||
.indicator {
|
||||
background-color: var(--main-color);
|
||||
color: var(--main-background);
|
||||
}
|
||||
|
||||
.playedIndicator {
|
||||
background-color: var(--green-color);
|
||||
color: var(--main-background);
|
||||
}
|
||||
|
||||
.alphaPickerRow {
|
||||
color: var(--dimmer-text);
|
||||
}
|
||||
|
||||
.buttonActive,
|
||||
.button-accent-flat,
|
||||
.metadataSidebarIcon,
|
||||
.layout-tv .paper-icon-button-light.show-focus:focus {
|
||||
color: var(--main-color) !important;
|
||||
}
|
||||
|
||||
.emby-button.show-focus:focus {
|
||||
background: var(--main-color) !important;
|
||||
}
|
||||
|
||||
.sectionTitle,
|
||||
.cardText,
|
||||
.pageTitle,
|
||||
.detailSectionContent,
|
||||
.trackSelections,
|
||||
.emby-input,
|
||||
.checkboxLabel,
|
||||
.itemDetailsGroup,
|
||||
.checkboxOutline,
|
||||
.emby-textarea,
|
||||
.emby-select,
|
||||
.label,
|
||||
.selectLabel,
|
||||
.sidebarHeader,
|
||||
.listItem,
|
||||
.listItemBodyText,
|
||||
.MuiMenuItem-root,
|
||||
.dashboardGeneralForm,
|
||||
.dashboardSections,
|
||||
.navMenuOption,
|
||||
.inputLabel,
|
||||
.content-primary,
|
||||
.itemName,
|
||||
.paper-icon-button-light,
|
||||
.emby-button-foreground,
|
||||
.iconOsd .iconOsdIcon,
|
||||
legend {
|
||||
color: var(--main-text);
|
||||
}
|
||||
|
||||
.fieldDescription,
|
||||
.secondary {
|
||||
color: var(--dimmer-text) !important;
|
||||
}
|
||||
|
||||
.listItem-border {
|
||||
border-color: var(--hover-background) !important;
|
||||
}
|
||||
|
||||
.checkboxOutline .checkboxIcon-checked,
|
||||
.sessionAppName,
|
||||
.sessionNowPlayingInfo {
|
||||
color: var(--main-background);
|
||||
}
|
||||
|
||||
.iconOsd {
|
||||
background-color: var(--second-background);
|
||||
}
|
||||
|
||||
/* this has to be background, not background-color for some reason */
|
||||
div[role=presentation].jstree-wholerow-clicked {
|
||||
background: var(--hover-background) !important;
|
||||
}
|
||||
|
||||
.jstree-hovered,
|
||||
.jstree-clicked,
|
||||
.jstree-wholerow-hovered {
|
||||
color: var(--main-text) !important;
|
||||
background-color: var(--hover-background) !important;
|
||||
}
|
||||
Reference in New Issue
Block a user