diff --git a/app/static/css/global.css b/app/static/css/global.css index c9309ea..b9b1978 100644 --- a/app/static/css/global.css +++ b/app/static/css/global.css @@ -1,86 +1,22 @@ -html[data-theme="dark"] { - color-scheme: dark; - --bs-body-bg: rgb(9, 9, 9) !important; - --bs-body-color: rgb(240, 240, 240) !important; - --bs-heading-color: #fff !important; - --page-bg: rgb(9, 9, 9); - --nav-bg: rgb(9, 9, 9); - --nav-border: rgb(90, 90, 90); - --subnav-bg: rgb(23, 23, 23); - --subnav-link: rgb(199, 199, 199); - --subnav-link-hover: rgb(255, 255, 255); - --footer-bg: rgb(15, 15, 15); - --footer-text: rgb(255, 255, 255); - --linebreak: rgb(60, 60, 60); - --card-bg: rgb(30, 30, 30); - --card-shadow: rgb(0, 0, 0); - --text-muted: rgb(170, 170, 170); - --nav-text: rgb(255, 255, 255); - --website-message-bg: rgb(65, 7, 7); - --surface-alt: rgb(27, 27, 27); - --surface-sunken: rgb(18, 18, 18); - --track-bg: rgb(49, 49, 49); - --track-fill: rgb(85, 85, 85); - --alert-bg: rgba(255, 0, 0, 0.2); - --alert-text: rgb(226, 226, 226); - --auth-bg: rgb(20, 20, 20); - --auth-dot: #333; - --auth-card-bg: rgba(25, 25, 25, 1); - --auth-card-shadow: rgba(0, 0, 0, 0.7); -} - -html[data-theme="light"] { - color-scheme: light; - --bs-body-bg: rgb(245, 247, 250) !important; - --bs-body-color: rgb(31, 41, 55) !important; - --bs-heading-color: rgb(17, 24, 39) !important; - --page-bg: rgb(245, 247, 250); - --nav-bg: rgb(255, 255, 255); - --nav-border: rgb(210, 216, 224); - --subnav-bg: rgb(241, 243, 246); - --subnav-link: rgb(70, 80, 99); - --subnav-link-hover: rgb(17, 24, 39); - --footer-bg: rgb(233, 237, 245); - --footer-text: rgb(26, 35, 48); - --linebreak: rgb(208, 215, 226); - --card-bg: rgb(255, 255, 255); - --card-shadow: rgba(15, 23, 42, 0.12); - --text-muted: rgb(87, 96, 113); - --nav-text: rgb(31, 41, 55); - --website-message-bg: rgb(255, 243, 205); - --surface-alt: rgb(229, 231, 235); - --surface-sunken: rgb(214, 218, 225); - --track-bg: rgb(222, 226, 232); - --track-fill: rgb(178, 185, 196); - --alert-bg: rgba(220, 38, 38, 0.12); - --alert-text: rgb(153, 27, 27); - --auth-bg: rgb(238, 240, 244); - --auth-dot: rgba(15, 23, 42, 0.08); - --auth-card-bg: rgb(255, 255, 255); - --auth-card-shadow: rgba(15, 23, 42, 0.15); -} - body { - background-color: var(--bs-body-bg) !important; - color: var(--bs-body-color) !important; - --bs-heading-color: var(--bs-heading-color) !important; - font-family: 'Exo 2', sans-serif; + --bs-body-bg: rgb(9,9,9) !important; + --bs-heading-color: #fff !important; } .linebreak { width: 100%; - border-bottom: 1px solid var(--linebreak); + border-bottom: 1px solid rgb(60,60,60); margin: 10px 0; height: 1px; } .place-card { - background-color: var(--card-bg); + background-color: rgb(30,30,30); min-height: 220px; transition: 0.2s; width: 150px; border-radius: 3px; - box-shadow: 0 0 5px var(--card-shadow); + box-shadow: 0 0 5px rgb(0,0,0); } .place-card h5 { @@ -95,23 +31,23 @@ body { } .place-card .votePercentageBackground { - background-color: var(--track-bg); + background-color: rgb(49,49,49); z-index: 1; height: 10px; border-radius: 4px; overflow: hidden; position: relative; - border: 1px solid var(--surface-alt); + border: 1px solid rgb(27,27,27); margin-top: 3px; } .place-card .votePercentageFill { - background-color: var(--track-fill); + background-color: rgb(85,85,85); height: 10px; } .place-card .segment { - background-color: var(--surface-alt); + background-color: rgb(27, 27, 27); height: 10px; width: 2px; position: absolute; @@ -119,53 +55,18 @@ body { z-index: 3; } -.messagealerts { - background: var(--alert-bg); - color: var(--alert-text); - word-wrap: break-word; -} - -.bg-surface { - background-color: var(--surface-alt) !important; -} - -html[data-theme="light"] .rbx-icon-nav-robux, -html[data-theme="light"] .rbx-icon-nav-tix, -html[data-theme="light"] .rbx-icon-nav-settings { - filter: invert(1); -} - #websitewidemessage { - background-color: var(--website-message-bg); + background-color: rgb(94, 0, 0); } #websitewidemessage p { margin: 0; - padding: 0 24px; - font-weight: 500; + padding: 0; + font-weight: 500; font-size: 1rem; text-align: center; } -#websitewidemessage-close { - position: absolute; - right: 10px; - top: 50%; - transform: translateY(-50%); - background: none; - border: none; - font-size: 1.25rem; - line-height: 1; - padding: 0 4px; - cursor: pointer; - color: inherit; - opacity: 0.7; -} - -#websitewidemessage-close:hover { - opacity: 1; -} - #websitewidemessage a { text-decoration: underline !important; color: rgb(0, 140, 255) !important; @@ -174,8 +75,8 @@ html[data-theme="light"] .rbx-icon-nav-settings { } .navbar { - background-color: var(--nav-bg); - border-bottom: 1px solid var(--nav-border); + background-color: rgb(0, 0, 0); + border-bottom: 1px solid rgb(0, 0, 0); } .navbar-brand h1 { @@ -186,8 +87,8 @@ html[data-theme="light"] .rbx-icon-nav-settings { } #footer { - border-top: 1px solid var(--nav-border); - background-color: var(--footer-bg); + border-top: 1px solid rgb(20, 20, 20); + background-color: rgb(17, 16, 16); min-height: 100px; } @@ -195,7 +96,7 @@ html[data-theme="light"] .rbx-icon-nav-settings { display: flex; width: 100%; text-decoration: none !important; - color: var(--footer-text) !important; + color: rgb(255, 255, 255) !important; font-weight: 400 !important; transition: 0.2s; } @@ -204,12 +105,12 @@ html[data-theme="light"] .rbx-icon-nav-settings { margin-left: 4px; font-size: 1.25rem; font-weight: 400; - color: var(--nav-text); + color: rgb(255,255,255); min-width: 28px; } .text-secondary { - color: var(--text-muted) !important; + color: rgb(255, 255, 255) !important; } .rbx-icon-default-navigation,.rbx-icon-nav-menu,.rbx-icon-nav-robux,.rbx-icon-nav-tix,.rbx-icon-nav-settings,.rbx-icon-nav-search,.rbx-icon-nav-home,.rbx-icon-nav-profile,.rbx-icon-nav-message,.rbx-icon-nav-friends,.rbx-icon-nav-charactercustomizer,.rbx-icon-nav-inventory,.rbx-icon-nav-trade,.rbx-icon-nav-group,.rbx-icon-nav-forum,.rbx-icon-nav-blog,.rbx-icon-nav-search-white,.rbx-icon-nav-shop { @@ -519,4 +420,4 @@ button:hover .rbx-icon-nav-shop,a:hover .rbx-icon-nav-shop { .rbx-icon-limited-unique-obc-label { background-position: 0 -180px; -} \ No newline at end of file +}