Add style.css

2024-05-12 11:52:39 +02:00 · 2024-05-12 11:52:39 +02:00 · 1f32703202
commit 1f32703202
1 changed files with 187 additions and 0 deletions
--- a/style.css
+++ b/style.css
@ -0,0 +1,187 @@
+:root {
+    --default-blue-1: #dc007d;
+    --default-blue-2: #ef0d98;
+    --default-blue-3: #f4428f;
+    --translucent-hover-1: rgba(220, 0, 114, 0.2);
+    --card-background-1: #5c0036;
+    --card-background-2: #e14483;
+    --card-background-3: #db0070;
+    --card-background-4: #5c1c3a;
+    --card-background-5: #a80051;
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .paper-icon-button-light:hover:not(:disabled) {
+        color: var(--default-blue-1) !important;
+        background-color: var(--translucent-hover-1) !important;
+    }
+}
+
+.paper-icon-button-light:active:not(:disabled) {
+    color: var(--default-blue-1) !important;
+    background-color: var(--translucent-hover-1) !important;
+}
+
+.paper-icon-button-light.show-focus:focus {
+    color: var(--default-blue-1) !important;
+}
+
+.button-submit {
+    background: var(--default-blue-1) !important;
+}
+
+.inputLabelFocused,
+.selectLabelFocused,
+.textareaLabelFocused {
+    color: var(--default-blue-1) !important;
+}
+
+.itemSelectionPanel {
+    border: 1px solid var(--default-blue-1) !important;
+}
+
+.selectionCommandsPanel {
+    background: var(--default-blue-1) !important;
+}
+
+.upNextDialog-countdownText {
+    color: var(--default-blue-1) !important;
+}
+
+.alphaPickerButton-tv:focus {
+    background-color: var(--default-blue-1) !important;
+}
+
+.progressring-spiner {
+    border-color: var(--default-blue-1) !important;
+}
+
+.button-flat:hover {
+    color: var(--default-blue-1) !important;
+}
+
+.button-link {
+    color: var(--default-blue-1) !important;
+}
+
+.emby-input:focus,
+.emby-textarea:focus {
+    border-color: var(--default-blue-1) !important;
+}
+
+.emby-select-withcolor:focus {
+    border-color: var(--default-blue-1) !important;
+}
+
+.emby-select-tv-withcolor:focus {
+    background-color: var(--default-blue-1) !important;
+}
+
+.emby-checkbox:checked + span + .checkboxOutline {
+    border-color: var(--default-blue-1) !important;
+}
+
+.emby-checkbox:checked + span + .checkboxOutline,
+.itemProgressBarForeground {
+    background-color: var(--default-blue-1) !important;
+}
+
+.emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
+    border-color: var(--default-blue-1) !important;
+}
+
+.countIndicator,
+.fullSyncIndicator,
+.mediaSourceIndicator,
+.playedIndicator {
+    background: var(--default-blue-1) !important;
+}
+
+.navMenuOption-selected {
+    background: var(--default-blue-1) !important;
+}
+
+.emby-button.show-focus:focus {
+    background: var(--default-blue-1) !important;
+}
+
+.emby-tab-button.show-focus:focus {
+    color: var(--default-blue-1) !important;
+}
+
+.emby-tab-button:hover {
+    color: var(--default-blue-1) !important;
+}
+
+.guide-channelHeaderCell:focus,
+.programCell:focus {
+    background-color: var(--default-blue-1) !important;
+}
+
+.guide-date-tab-button.emby-tab-button-active,
+.guide-date-tab-button:focus {
+    color: var(--default-blue-1) !important;
+}
+
+.guide-date-tab-button.show-focus:focus {
+    background-color: var(--default-blue-1) !important;
+}
+
+.buttonActive {
+    color: var(--default-blue-1) !important !important;
+}
+
+.card:focus .cardBox.visualCardBox,
+.card:focus .cardBox:not(.visualCardBox) .cardScalable {
+    border-color: var(--default-blue-1) !important;
+}
+
+.metadataSidebarIcon {
+    color: var(--default-blue-1) !important;
+}
+
+.emby-button.detailFloatingButton {
+    background-color: var(--default-blue-1) !important;
+}
+
+.layout-tv .emby-button.detailFloatingButton:focus {
+    color: var(--default-blue-1) !important;
+}
+
+#dialogToc .bookplayerButtonIcon:hover {
+    color: var(--default-blue-1) !important;
+}
+
+#dialogToc .toc li a:active,
+#dialogToc .toc li a:hover {
+    color: var(--default-blue-1) !important;
+}
+
+.downloadbutton-icon-complete,
+.downloadbutton-icon-on {
+    color: var(--default-blue-3) !important;
+}
+
+.defaultCardBackground1 {
+    background-color: var(--card-background-1) !important;
+}
+
+.defaultCardBackground2 {
+    background-color: var(--card-background-2) !important;
+}
+
+.defaultCardBackground3 {
+    background-color: var(--card-background-3) !important;
+}
+
+.defaultCardBackground4 {
+    background-color: var(--card-background-4) !important;
+}
+
+.defaultCardBackground5 {
+    background-color: var(--card-background-5) !important;
+}
+
+.button-submit:focus {
+    background: var(--default-blue-2) !important;
+}