From f666410b211bf5bfa87d0a6a9503a20a8aac8aa8 Mon Sep 17 00:00:00 2001 From: gilbN Date: Thu, 1 Jul 2021 00:47:33 +0200 Subject: [PATCH] =?UTF-8?q?ombi=20base=20fixes=20and=20ombi=20=F0=9F=A7=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/themes/ombi/dark.css | 2 +- CSS/themes/ombi/dracula.css | 35 +++++++++++++++++++++++++++++++++++ CSS/themes/ombi/ombi-base.css | 8 +++++++- 3 files changed, 43 insertions(+), 2 deletions(-) create mode 100644 CSS/themes/ombi/dracula.css diff --git a/CSS/themes/ombi/dark.css b/CSS/themes/ombi/dark.css index 5f56fd94..edfd8f1a 100644 --- a/CSS/themes/ombi/dark.css +++ b/CSS/themes/ombi/dark.css @@ -18,7 +18,7 @@ --modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --button-color: hsla(0,0%,100%,.15); - --button-color-hover: hsla(0,0%,100%,.30); + --button-color-hover: rgb(82, 82, 82); --button-text: #eee; --button-text-hover: #FFF; diff --git a/CSS/themes/ombi/dracula.css b/CSS/themes/ombi/dracula.css new file mode 100644 index 00000000..7d2efd07 --- /dev/null +++ b/CSS/themes/ombi/dracula.css @@ -0,0 +1,35 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* OMBI DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/ombi/ombi-base.css); +:root { + --main-bg-color: #282a36; + --modal-bg-color: #282a36; + + --button-color: #bd93f9; + --button-color-hover: #ff79c6; + --button-text: #eee; + --button-text-hover: #FFF; + + --accent-color: 80, 250, 123; + --accent-color-hover: #50fa7b; + --queue-color: #50fa7b; + --link-color: #ff79c6; + --link-color-hover: #8be9fd; + --label-text-color: #282a36; + + --text:#6272a4; + --text-hover: #95adfa; + --text-muted: #999; +} diff --git a/CSS/themes/ombi/ombi-base.css b/CSS/themes/ombi/ombi-base.css index c2ea69db..46973db3 100644 --- a/CSS/themes/ombi/ombi-base.css +++ b/CSS/themes/ombi/ombi-base.css @@ -309,7 +309,7 @@ a:hover { } .btn-ombi:hover { - background-color: var(--button-color) !important; + background-color: var(--button-color-hover) !important; color: var(--button-text-hover) !important; } @@ -406,6 +406,11 @@ small.important { background: var(--button-color); } +.mat-raised-button:not([class*=mat-elevation-z]):not(.mat-raised-button.mat-warn):not(.viewon-btn.plex):hover { + box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); + background: var(--button-color-hover) !important; +} + /* Plex buttons */ .viewon-btn.plex, .viewon-btn.emby, @@ -546,6 +551,7 @@ tr.mat-header-row { #info-wrapper .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: rgb(var(--accent-color)); + color: var(--label-text-color); } hr {