From ce05c32d3ed49779c0c39ca355bb0cc85aa73e41 Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Thu, 1 Jul 2021 18:30:48 +0200 Subject: [PATCH] =?UTF-8?q?petio=20=F0=9F=A7=9B=20theme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- CSS/themes/petio/aquamarine.css | 1 + CSS/themes/petio/dark.css | 1 + CSS/themes/petio/dracula.css | 30 ++++++++++++++++++++++++++++++ CSS/themes/petio/hotline.css | 1 + CSS/themes/petio/organizr-dark.css | 1 + CSS/themes/petio/petio-base.css | 11 +++++++++++ CSS/themes/petio/plex.css | 1 + CSS/themes/petio/space-gray.css | 1 + 8 files changed, 47 insertions(+) create mode 100644 CSS/themes/petio/dracula.css diff --git a/CSS/themes/petio/aquamarine.css b/CSS/themes/petio/aquamarine.css index d7b8de38..f9f420e7 100644 --- a/CSS/themes/petio/aquamarine.css +++ b/CSS/themes/petio/aquamarine.css @@ -25,5 +25,6 @@ --accent-color: 18, 175, 160; --accent-color-hover: #fff; --link-color: #0ed2bf; + --link-color-hover: #fff; --spinner: invert(39%) sepia(98%) saturate(527%) hue-rotate(129deg) brightness(94%) contrast(101%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ } \ No newline at end of file diff --git a/CSS/themes/petio/dark.css b/CSS/themes/petio/dark.css index 09c99f98..b8f3e805 100644 --- a/CSS/themes/petio/dark.css +++ b/CSS/themes/petio/dark.css @@ -25,5 +25,6 @@ --accent-color: 100, 100, 100; --accent-color-hover: #ffffff73; --link-color: #fff; + --link-color-hover: #fff; --spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ } \ No newline at end of file diff --git a/CSS/themes/petio/dracula.css b/CSS/themes/petio/dracula.css new file mode 100644 index 00000000..c697d2d3 --- /dev/null +++ b/CSS/themes/petio/dracula.css @@ -0,0 +1,30 @@ + +/* 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 */ + +/* PETIO DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/petio/petio-base.css); +:root { + --main-bg-color: #282a36; + --modal-bg-color: #282a36; + --text-color:#6272a4; + --text-color-hover: #95adfa; + --button-color: #bd93f9; + --button-color-hover: #ff79c6; + --button-text: #eee; + --button-text-hover: #FFF; + --accent-color: 80, 250, 123; + --accent-color-hover: #8be9fd; + --link-color: #ff79c6; + --link-color-hover: #8be9fd; + --spinner: invert(79%) sepia(27%) saturate(1033%) hue-rotate(74deg) brightness(104%) contrast(96%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ +} \ No newline at end of file diff --git a/CSS/themes/petio/hotline.css b/CSS/themes/petio/hotline.css index 361a4fa3..a171d102 100644 --- a/CSS/themes/petio/hotline.css +++ b/CSS/themes/petio/hotline.css @@ -25,5 +25,6 @@ --accent-color: 244, 67, 54; --accent-color-hover: #0b3161; --link-color: #0b3161; + --link-color-hover: #fff; --spinner: invert(32%) sepia(35%) saturate(3786%) hue-rotate(341deg) brightness(100%) contrast(92%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ } \ No newline at end of file diff --git a/CSS/themes/petio/organizr-dark.css b/CSS/themes/petio/organizr-dark.css index 2877c8f8..5fb8d2fd 100644 --- a/CSS/themes/petio/organizr-dark.css +++ b/CSS/themes/petio/organizr-dark.css @@ -25,5 +25,6 @@ --accent-color: 44, 171, 227; --accent-color-hover: #fff; --link-color: #2cabe3; + --link-color-hover: #fff; --spinner: invert(65%) sepia(83%) saturate(2026%) hue-rotate(167deg) brightness(90%) contrast(97%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ } \ No newline at end of file diff --git a/CSS/themes/petio/petio-base.css b/CSS/themes/petio/petio-base.css index 5a50c05b..eb6b46ac 100644 --- a/CSS/themes/petio/petio-base.css +++ b/CSS/themes/petio/petio-base.css @@ -129,6 +129,17 @@ p a, color: var(--link-color); } +a:hover, +.table-action:hover, +.session--toggle:hover, +p a:hover, +.profile-page .logout:hover, +.person--bio--read-more:hover, +.filter--item--collapse:hover, +.filter--comparison:hover { + color: var(--link-color-hover); +} + /* OTHER */ .widget--item hr { background: rgb(255 255 255 / 50%); diff --git a/CSS/themes/petio/plex.css b/CSS/themes/petio/plex.css index 28b1447f..0aada4f6 100644 --- a/CSS/themes/petio/plex.css +++ b/CSS/themes/petio/plex.css @@ -24,5 +24,6 @@ --accent-color: 229, 160, 13; --accent-color-hover: #ffc107; --link-color: #e5a00d; + --link-color-hover: #fff; --spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ } diff --git a/CSS/themes/petio/space-gray.css b/CSS/themes/petio/space-gray.css index db6df64a..0fef7457 100644 --- a/CSS/themes/petio/space-gray.css +++ b/CSS/themes/petio/space-gray.css @@ -25,5 +25,6 @@ --accent-color: 129, 166, 183; --accent-color-hover: #607D8B; --link-color: #9adfff; + --link-color-hover: #fff; --spinner: invert(50%) sepia(31%) saturate(341%) hue-rotate(155deg) brightness(88%) contrast(85%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ } \ No newline at end of file