GilbN
3 years ago
committed by
GitHub
GitHub
18 changed files with 958 additions and 34 deletions
@ -0,0 +1,524 @@ |
|||
/* TEXT */ |
|||
[class*="text-gray-"]:not(button:disabled) { |
|||
color: var(--text); |
|||
} |
|||
|
|||
[class*="text-indigo-"]:not(.text-indigo-100) { |
|||
color: rgb(var(--accent-color)) |
|||
} |
|||
|
|||
.text-indigo-100 { |
|||
color: var(--label-text-color); |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6, |
|||
.tagline, |
|||
.media-crew>li>span { |
|||
color: var(--text-hover) !important; |
|||
} |
|||
|
|||
p { |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.relative.z-10.flex.flex-col.flex-1.min-w-0.pr-4>div.flex.items-center.mt-2.text-sm.sm\:mt-1>span { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
.media-fact-value a, |
|||
.media-fact-value button, |
|||
a.crew-name, |
|||
.card-field a, |
|||
.prose a { |
|||
color: var(--link-color); |
|||
} |
|||
|
|||
a.text-indigo-500 { |
|||
color: var(--link-color) !important; |
|||
} |
|||
|
|||
a.text-indigo-500:hover { |
|||
color: var(--link-color-hover) !important; |
|||
} |
|||
|
|||
.media-fact-value a:hover, |
|||
.media-fact-value button:hover, |
|||
a.crew-name:hover, |
|||
.prose a:hover, |
|||
.card-field a:hover { |
|||
color: var(--link-color-hover); |
|||
} |
|||
|
|||
.label-tip { |
|||
color: var(--text-muted); |
|||
} |
|||
|
|||
|
|||
/* BUTTONS */ |
|||
|
|||
button[class*="bg-indigo-"], |
|||
button[class*="bg-gray-"], |
|||
button[class*="border-indigo-"], |
|||
button[class*="border-gray-"], |
|||
button.input-action { |
|||
background-color: var(--button-color); |
|||
border-color: var(--button-color); |
|||
} |
|||
|
|||
button[class*="text-white"] { |
|||
color: var(--button-text) |
|||
} |
|||
|
|||
button[class*="bg-indigo-"]:hover, |
|||
button[class*="bg-gray-"]:hover, |
|||
button[class*="border-indigo-"]:hover, |
|||
button[class*="border-gray-"]:hover, |
|||
button.input-action:hover { |
|||
background-color: var(--button-color-hover); |
|||
border-color: var(--button-color-hover); |
|||
} |
|||
|
|||
button[class*="text-white"]:hover, |
|||
button.input-action:hover { |
|||
color: var(--button-text-hover) |
|||
} |
|||
|
|||
/* INPUT FORMS */ |
|||
|
|||
[multiple]:focus, |
|||
[type=date]:focus, |
|||
[type=datetime-local]:focus, |
|||
[type=email]:focus, |
|||
[type=month]:focus, |
|||
[type=number]:focus, |
|||
[type=password]:focus, |
|||
[type=search]:focus, |
|||
[type=tel]:focus, |
|||
[type=text]:focus, |
|||
[type=time]:focus, |
|||
[type=url]:focus, |
|||
[type=week]:focus, |
|||
select:focus, |
|||
textarea:focus { |
|||
--tw-ring-color: rgb(var(--accent-color)); |
|||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
|||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent); |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
input[type=password], |
|||
input[type=text], |
|||
select, |
|||
textarea { |
|||
border-color: rgba(255, 255, 255, .1); |
|||
background-color: rgba(7, 7, 7, .25); |
|||
color: var(--text); |
|||
} |
|||
|
|||
input[type=checkbox] { |
|||
color: rgba(var(--accent-color)); |
|||
} |
|||
|
|||
[type=checkbox]:focus, |
|||
[type=radio]:focus { |
|||
outline: 2px solid transparent; |
|||
outline-offset: 2px; |
|||
--tw-ring-offset-width: 2px; |
|||
--tw-ring-offset-color: #fff; |
|||
--tw-ring-color: rgb(var(--accent-color)); |
|||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
|||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody>tr>td.px-4.py-4.text-sm.font-medium.leading-5.text-gray-100.whitespace-nowrap.false>span>span.bg-indigo-500, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>thead>tr>th.w-16.px-4.py-3.bg-gray-500.false>span>span.bg-indigo-500 { |
|||
background: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
span.bg-indigo-500 { |
|||
background-color: rgb(var(--accent-color)); |
|||
color: var(--label-text-color) !important; |
|||
} |
|||
|
|||
.react-select-container .react-select__control { |
|||
border-color: rgba(255, 255, 255, 0.1) !important; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
color: var(--text) !important; |
|||
} |
|||
|
|||
.react-select-container .react-select__menu { |
|||
background: var(--drop-down-menu-bg); |
|||
color: var(--text); |
|||
} |
|||
|
|||
.react-select-container .react-select__option--is-focused { |
|||
background-color: rgba(255, 255, 255, 0.1); |
|||
color: var(--text-hover) |
|||
} |
|||
|
|||
|
|||
.group-label, |
|||
label { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
select:focus { |
|||
background: #1f1f1f; |
|||
} |
|||
|
|||
|
|||
/* BG STUFF */ |
|||
#__next>div, |
|||
body { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
color: var(--text); |
|||
} |
|||
|
|||
.bg-gray-800 { |
|||
--tw-bg-opacity: 0.3; |
|||
background-color: rgb(0, 0, 0, var(--tw-bg-opacity)); |
|||
} |
|||
|
|||
.hover\:bg-gray-700:hover { |
|||
--tw-bg-opacity: .3; |
|||
background-color: rgb(var(--accent-color), var(--tw-bg-opacity)); |
|||
color: rgb(var(--accent-color)) !important; |
|||
} |
|||
|
|||
/* SEARCH BAR */ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 { |
|||
background-color: rgb(var(--accent-color), .3) |
|||
} |
|||
|
|||
#search_field { |
|||
background-color: rgba(0, 0, 0, 0.45); |
|||
} |
|||
|
|||
|
|||
/* TOP GRADIENT */ |
|||
#__next>div>div.absolute.top-0.w-full.h-64.from-gray-800.to-gray-900.bg-gradient-to-bl .bg-gradient-to-t { |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
|
|||
} |
|||
|
|||
/* GRADIENT ON CARDS'N'STUFF*/ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div { |
|||
background: none; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900.bg-gradient-to-t, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900 { |
|||
background-image: none !important; |
|||
} |
|||
|
|||
/* SIDE BAR*/ |
|||
|
|||
.sidebar { |
|||
border-right-width: 1px; |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
background: var(--main-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a { |
|||
color: var(--text); |
|||
} |
|||
|
|||
.to-purple-600 { |
|||
--tw-gradient-to: rgb(var(--accent-color), .3); |
|||
} |
|||
|
|||
.hover\:to-purple-500:hover { |
|||
--tw-gradient-to: rgb(var(--accent-color), .8); |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500, |
|||
#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 { |
|||
--tw-gradient-from: rgb(var(--accent-color), .5); |
|||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5)); |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 { |
|||
background: rgba(var(--accent-color), 0.05); |
|||
color: rgba(var(--accent-color)); |
|||
} |
|||
|
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div { |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>header, |
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div { |
|||
background: transparent; |
|||
} |
|||
|
|||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div>div.overflow-hidden.bg-gray-600.rounded-md.shadow { |
|||
background: rgba(0, 0, 0, .25) !important; |
|||
} |
|||
|
|||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>div.px-2>a { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
/* LOADER */ |
|||
body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400.opacity-0>div { |
|||
--tw-bg-opacity: 1; |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 { |
|||
background-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
/* DISCOVER PAGE */ |
|||
|
|||
.slider-title, |
|||
.to-purple-400 { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
a.slider-title:hover { |
|||
color: var(--accent-color-hover); |
|||
} |
|||
|
|||
/* CARD HOVER */ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover { |
|||
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 { |
|||
background-image: linear-gradient(135deg, rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 75%) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover { |
|||
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.3) 100%); |
|||
} |
|||
|
|||
|
|||
/* SHOW PAGE */ |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 { |
|||
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 100%) !important; |
|||
} |
|||
|
|||
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div > div.media-overview { |
|||
background: var(--main-bg-color); |
|||
padding: 1rem 1rem 2rem 0; |
|||
padding-left: 1rem; |
|||
margin: 1rem -1rem -1rem; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div:hover { |
|||
--tw-bg-opacity: 0.4; |
|||
background-color: rgb(var(--accent-color), var(--tw-bg-opacity)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.text-gray-300 { |
|||
color: var(--text-hover); |
|||
} |
|||
|
|||
#__next>div>div .bg-gradient-to-t.from-gray-800 { |
|||
background: none; |
|||
} |
|||
|
|||
.media-facts { |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
color: var(--text-hover) !important; |
|||
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); |
|||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); |
|||
} |
|||
|
|||
.media-ratings, |
|||
.media-fact { |
|||
border-color: rgb(255 255 255 / 10%); |
|||
} |
|||
|
|||
.media-fact-value { |
|||
color: var(--text); |
|||
} |
|||
|
|||
/* REQUESTS */ |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 { |
|||
background-image: linear-gradient(90deg, rgba(var(--accent-color), 0.2) 0%, rgb(var(--accent-color)) 100%) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.flex.flex-col.justify-between.mb-4.lg\:items-end.lg\:flex-row>div.mt-8.md\:flex.md\:items-center.md\:justify-between>div>h2>span { |
|||
color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 { |
|||
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, var(--modal-bg-color) 100%) !important; |
|||
} |
|||
|
|||
/* RINGA A DINGALING*/ |
|||
.ring-1 { |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important; |
|||
} |
|||
|
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.top-0.left-0.right-0.z-0.h-96>div>div>div.absolute.inset-0 { |
|||
background-image: linear-gradient(rgba(var(--accent-color), 0.2) 0%, #000 100%) !important; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.bg-gray-800 { |
|||
background: #000; |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 { |
|||
background: linear-gradient(90deg, rgba(var(--accent-color), 0.4) 0%, #000 100%) !important; |
|||
} |
|||
|
|||
/* SETTINGS */ |
|||
|
|||
code { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-6>div.hidden.overflow-x-scroll.border-b.border-gray-600.sm\:block.hide-scrollbar>nav>a.px-1.py-4.ml-8.text-sm.font-medium.leading-5.transition.duration-300.border-b-2.border-transparent.whitespace-nowrap.first\:ml-0.text-indigo-500.border-indigo-600 { |
|||
border-color: rgb(var(--accent-color)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>ul>li>div { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
.bg-indigo-600 { |
|||
--tw-bg-opacity: 1; |
|||
background-color: rgba(var(--accent-color), var(--tw-bg-opacity)); |
|||
} |
|||
|
|||
.focus\:ring:focus { |
|||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
|||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) rgba(var(--accent-color), 0.5); |
|||
} |
|||
|
|||
.border-gray-600 { |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
} |
|||
|
|||
.actions { |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
--tw-text-opacity: 1; |
|||
color: rgba(255, 255, 255, var(--tw-text-opacity)); |
|||
} |
|||
|
|||
.border-gray-800, |
|||
.divide-gray-800>:not([hidden])~:not([hidden]) { |
|||
--tw-border-opacity: .2; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
} |
|||
|
|||
.border-gray-500, |
|||
.border-gray-700 { |
|||
--tw-border-opacity: .1; |
|||
border-color: rgba(255, 255, 255, var(--tw-border-opacity)); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div.hidden.sm\:block>nav>a.px-3.py-2.text-sm.font-medium.transition.duration-300.rounded-md.whitespace-nowrap.mx-2.my-1.bg-indigo-700 { |
|||
background-color: var(--button-color); |
|||
} |
|||
|
|||
|
|||
/* TABLE */ |
|||
|
|||
.divide-gray-700>:not([hidden])~:not([hidden]) { |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
table>thead>tr>th, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-10.text-white>div>div.flex.flex-col>div>div>div>table>tbody>tr.bg-gray-700, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div>div>table>tbody>tr.bg-gray-700 { |
|||
background: rgb(0 0 0 / 25%) !important; |
|||
border-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
|
|||
/* MODAL */ |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.p-4.bg-gray-600.rounded-md.shadow, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div.bg-gray-700, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.mt-4>div.p-4.bg-gray-600.rounded-md.shadow { |
|||
background: var(--modal-bg-color); |
|||
background-repeat: repeat, no-repeat; |
|||
background-attachment: fixed, fixed; |
|||
background-position: center center, center center; |
|||
background-size: auto, cover; |
|||
-webkit-background-size: auto, cover; |
|||
-moz-background-size: auto, cover; |
|||
-o-background-size: auto, cover; |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img { |
|||
display: none !important; |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0, |
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody { |
|||
background: rgb(255, 255, 255, .1); |
|||
} |
|||
|
|||
|
|||
/* DROPDOWN */ |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700, |
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a { |
|||
background: var(--drop-down-menu-bg); |
|||
} |
|||
|
|||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a:hover { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/* LOGIN */ |
|||
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button, |
|||
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(to bottom, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(211, 18%, 45%, 0.55), hsla(211, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
linear-gradient(to right, hsla(211, 18%, 5%, 1), hsla(211, 18%, 45%, 1), hsla(211, 18%, 5%, 1)) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: hsla(211, 18%, 45%, 1); |
|||
--button-color-hover: hsla(211, 18%, 45%, 0.55); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 130, 157, 185; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(130, 157, 185); |
|||
--link-color-hover: rgb(100, 119, 139); |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #829db9; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 130, 157, 185; |
|||
} |
|||
@ -0,0 +1,30 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55) , hsla(0, 18%, 5%, 0.9)) center center/cover no-repeat fixed, linear-gradient(to bottom, #df89de 0%, hsl(276, 100%, 3%) 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(134, 84, 132); |
|||
--button-color-hover: rgba(134, 84, 132, .8); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 217, 164, 217; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(199, 118, 197); |
|||
--link-color-hover: rgb(217, 164, 217); |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(134, 84, 132); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 134, 84, 132; |
|||
} |
|||
@ -0,0 +1,37 @@ |
|||
:root { |
|||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), |
|||
radial-gradient(at center center, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 120%) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(167, 6, 6, 0.15), hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
radial-gradient(at top center, rgba(11, 80, 25, 0.6), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom right, #0b5019, hsla(0, 14%, 18%, 0), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
radial-gradient(at center center, rgba(167, 6, 6, 0.25), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) center center/cover no-repeat fixed, |
|||
linear-gradient(45deg, #0b5019 0%, #a70606 135%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(51, 0, 0); |
|||
--button-color-hover: rgb(104, 4, 4); |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color:170,170,170; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #aaaaaa; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: rgb(32, 32, 32); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(100, 15, 15); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 100, 15, 15; |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at top center, rgba(0, 0, 0, 0), hsla(0, 14%, 18%, 0.2), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.45), hsla(0, 18%, 5%, 0.6)) center center/cover no-repeat fixed, |
|||
linear-gradient(to top, #e2c9cc 1%, #e7627d 46%, #b8235a 59%, #801357 71%, #3d1635 84%, #1c1a27 100%) center center/cover no-repeat fixed; |
|||
|
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #3d1635; |
|||
--button-color-hover: #801357; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 231, 98, 125; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(230, 125, 146); |
|||
--link-color-hover: #e2c9cc; |
|||
--label-text-color: #fff; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #e7627d; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 231, 98, 125; |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.15), hsla(0, 14%, 18%, 0.65), hsla(0, 18%, 5%, 0.95)) center center/cover no-repeat fixed, |
|||
linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #fad0c4; |
|||
--button-color-hover: #ff9a9e; |
|||
--button-text: hsla(0, 18%, 5%, 0.95); |
|||
--button-text-hover: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--accent-color: 250, 208, 196; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #fad0c4; |
|||
--link-color-hover: #e2c9cc; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #ff9a9e; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 154, 158; |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at bottom center, rgba(0, 0, 0, 0.4) 0%, hsla(0, 14%, 18%, 0.55), hsla(0, 18%, 5%, 0)) center center/cover no-repeat fixed, |
|||
linear-gradient(to bottom, hsl(0, 18%, 5%), hsl(0, 65%, 23%), hsl(0, 100%, 9%)) center center/cover no-repeat fixed; |
|||
|
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(236, 106, 106); |
|||
--button-color-hover: hsl(0, 65%, 23%); |
|||
--button-text: hsla(0, 18%, 5%, 0.95); |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 236, 106, 106; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #fad0c4; |
|||
--link-color-hover: #e2c9cc; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #ff9a9e; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 154, 158; |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)) center center/cover no-repeat fixed, |
|||
radial-gradient(at right center, rgba(0, 0, 0, 0.3) 10%, hsla(0, 14%, 18%, 0.6), hsla(0, 18%, 5%, 1) 95%) center center/cover no-repeat fixed, |
|||
linear-gradient(to right, #43e97b 0%, #043815 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #2e5135; |
|||
--button-color-hover: #043815; |
|||
--button-text: #eee; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 67, 233, 123; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #43e97b; |
|||
--link-color-hover: #2e5135; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #43e97b; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 67, 233, 123; |
|||
} |
|||
@ -0,0 +1,33 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(135deg, transparent 40%, rgba(20, 9, 27, 0.5)) center center/cover no-repeat fixed, |
|||
radial-gradient(at center center, rgba(243, 217, 217, 0.25), hsla(0, 14%, 18%, 0.55), rgba(14, 0, 19, 0.7)) center center/cover no-repeat fixed, |
|||
radial-gradient(at bottom center, rgba(0, 0, 0, 0.25), hsla(0, 14%, 18%, 0.55), rgb(10, 4, 12)) center center/cover no-repeat fixed, |
|||
radial-gradient(at center center, #ff8a00 50%, #37033a 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #924e00; |
|||
--button-color-hover: #723d00; |
|||
--button-text: #eee; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 255, 138, 0; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: #ff8a00; |
|||
--link-color-hover: #bd6500; |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #ff8a00; |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 138, 0; |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%) center center/cover no-repeat fixed, |
|||
radial-gradient(at top center, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.40) 120%) #000000 center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: rgb(185, 170, 159); |
|||
--button-color-hover: rgb(184, 159, 141); |
|||
--button-text: hsla(0, 18%, 5%, 0.95);; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 185, 170, 159; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(185, 170, 159); |
|||
--link-color-hover: rgb(184, 159, 141); |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(185, 170, 159); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 185, 170, 159; |
|||
} |
|||
@ -0,0 +1,30 @@ |
|||
:root { |
|||
--main-bg-color: linear-gradient(135deg, #252b2f, #090c0e) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #252b2f; |
|||
--button-color-hover: #090c0e; |
|||
--button-text: #eee; |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 81, 101, 114; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(96, 128, 150); |
|||
--link-color-hover: rgb(81, 101, 114, .8); |
|||
--label-text-color: #eee; |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(81, 101, 114); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 81, 101, 114; |
|||
} |
|||
@ -0,0 +1,31 @@ |
|||
:root { |
|||
--main-bg-color: radial-gradient(at top left, rgba(0, 0, 0, 0.31), hsla(0, 14%, 18%, 0.9), hsla(0, 18%, 5%, 1)) center center/cover no-repeat fixed, |
|||
linear-gradient(120deg, #f6d365 0%, #a25a25 100%) center center/cover no-repeat fixed; |
|||
|
|||
--modal-bg-color: var(--main-bg-color); |
|||
--modal-header-color: var(--main-bg-color); |
|||
--modal-footer-color: var(--main-bg-color); |
|||
|
|||
--drop-down-menu-bg: var(--main-bg-color); |
|||
|
|||
--button-color: #f6d365; |
|||
--button-color-hover: #a25a25; |
|||
--button-text: hsla(0, 18%, 5%, 0.95); |
|||
--button-text-hover: hsla(0, 0%, 100%, 0.95); |
|||
|
|||
--accent-color: 246, 211, 101; |
|||
--accent-color-hover: rgb(var(--accent-color),.8); |
|||
--link-color: rgb(246, 211, 101); |
|||
--link-color-hover: rgb(246, 211, 101, .8); |
|||
--label-text-color: hsla(0, 18%, 5%, 0.95); |
|||
|
|||
--text:#ddd; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: rgb(246, 211, 101); |
|||
--petio-spinner: invert(68%) sepia(13%) saturate(766%) hue-rotate(170deg) brightness(90%) contrast(79%); /* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 246, 211, 101; |
|||
} |
|||
@ -0,0 +1,30 @@ |
|||
:root { |
|||
--main-bg-color: #000; |
|||
|
|||
--modal-bg-color: #181818; |
|||
--modal-header-color: #181818; |
|||
--modal-footer-color: #181818; |
|||
|
|||
--drop-down-menu-bg: #2d2d2d; |
|||
|
|||
--button-color: #7a7a7a; |
|||
--button-color-hover: #9b9b9b; |
|||
--button-text: #eee; |
|||
--button-text-hover: #FFF; |
|||
|
|||
--accent-color: 170, 170, 170; |
|||
--accent-color-hover: rgba(255, 255, 255, 0.45); |
|||
--link-color: #7a7a7a; |
|||
--link-color-hover: #fff; |
|||
--label-text-color: black; |
|||
|
|||
--text:#a5a5a5; |
|||
--text-hover: #fff; |
|||
--text-muted: #999; |
|||
|
|||
/*Specials*/ |
|||
--arr-queue-color: #6b5; /* Servarr apps + Bazarr*/ |
|||
--plex-poster-unwatched: #e5a00d; |
|||
--petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */ |
|||
--gitea-color-primary-dark-4: 255, 255, 255; |
|||
} |
|||
Loading…
Reference in new issue