83 lines
2.4 KiB
CSS
83 lines
2.4 KiB
CSS
:root {
|
|
/* --main-bg-color: url("/theme.park/resources/blur-noise.png"), url("/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed;
|
|
--modal-bg-color: url("/theme.park/resources/blur-noise.png"), url("/theme.park/resources/preset-dark2.png") center center/cover no-repeat fixed;
|
|
*/
|
|
--main-bg-color: url("/theme.park/resources/blur-noise.png") repeat scroll 0% 0%, radial-gradient(circle at 0% 100%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 100% 100%, rgba(113, 135, 153, 0.55) 0%, rgba(113, 135, 153, 0.043) 70%, rgba(113, 135, 153, 0) 80%), radial-gradient(circle at 100% 0%, rgba(54, 66, 84, 0.55) 0%, rgba(54, 66, 84, 0.043) 70%, rgba(54, 66, 84, 0) 80%), radial-gradient(circle at 0% 0%, rgba(91, 114, 135, 0.55) 0%, rgba(91, 114, 135, 0.043) 70%, rgba(91, 114, 135, 0) 80%), rgb(0, 0, 0) center center/cover no-repeat fixed;
|
|
|
|
--modal-bg-color: #1f2326;
|
|
--modal-header-color: #1f2326;
|
|
--modal-footer-color: #323232;
|
|
|
|
--drop-down-menu-bg: #191a1c;
|
|
|
|
--button-color: #cc7b19;
|
|
--button-color-hover: #e59029;
|
|
--button-text: #eee;
|
|
--button-text-hover: #fff;
|
|
|
|
--accent-color: 229, 160, 13;
|
|
--accent-color-hover: #ffc107;
|
|
--link-color: #e5a00d;
|
|
--link-color-hover: #fff;
|
|
--label-text-color: #fff;
|
|
|
|
--text:#ddd;
|
|
--text-hover: #fff;
|
|
--text-muted: #999;
|
|
|
|
/*Specials*/
|
|
--arr-queue-color: #27c24c; /* Servarr apps + Bazarr*/
|
|
--petio-spinner: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
|
--gitea-color-primary-dark-4: 255, 193, 7;
|
|
}
|
|
|
|
|
|
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);
|
|
}
|
|
|
|
table, tr, td {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
hr {
|
|
border-top: 1px solid #e5a00d;
|
|
border: 1px solid #e59029;
|
|
}
|
|
|
|
input {
|
|
background-color: #cc7b19;
|
|
color: #dedede;
|
|
}
|
|
|
|
select {
|
|
background-color: #cc7b19;
|
|
color: #dedede;
|
|
}
|
|
|
|
button {
|
|
background-color: var(--button-color);
|
|
color: var(--button-color-text);
|
|
font-weight: bold;
|
|
}
|
|
|
|
a:link, a:visited {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
h1 {
|
|
color: var(--text);
|
|
}
|
|
|
|
h4 {
|
|
color: var(--text);
|
|
}
|