diff --git a/dbb-css/fhdhr/fhdhr.css b/dbb-css/fhdhr/fhdhr.css index 06ff9497..ec4a4134 100644 --- a/dbb-css/fhdhr/fhdhr.css +++ b/dbb-css/fhdhr/fhdhr.css @@ -1,2 +1,82 @@ -@import url("https://assets.deathbybandaid.net/theme.park/dbb-css/base/fhdhr/fhdhr-base.css"); -@import url("https://assets.deathbybandaid.net/theme.park/css/theme-options/plex.css"); +:root { + /* --main-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-light2.png") center center/cover no-repeat fixed; + --modal-bg-color: url("https://assets.deathbybandaid.net/theme.park/resources/blur-noise.png"), url("https://assets.deathbybandaid.net/theme.park/resources/preset-dark2.png") center center/cover no-repeat fixed; + */ + --main-bg-color: url("https://assets.deathbybandaid.net/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); +}