From ed12da222f67b8bad55543f781bcdb84ee46badb Mon Sep 17 00:00:00 2001 From: imperosol Date: Sat, 18 Oct 2025 20:56:26 +0200 Subject: [PATCH] pinktober 2025 --- core/static/core/colors.scss | 6 ++- core/static/core/header.scss | 59 +++++++++++++++++++-------- core/static/core/navbar.scss | 2 +- core/templates/core/base/header.jinja | 5 ++- 4 files changed, 53 insertions(+), 19 deletions(-) diff --git a/core/static/core/colors.scss b/core/static/core/colors.scss index 9ed493ba..6d6337b8 100644 --- a/core/static/core/colors.scss +++ b/core/static/core/colors.scss @@ -37,4 +37,8 @@ $deepblue: #354a5f; @mixin shadow { box-shadow: rgba(60, 64, 67, 0.3) 0 1px 3px 0, rgba(60, 64, 67, 0.15) 0 4px 8px 3px; -} \ No newline at end of file +} + + +$pinktober: hsl(313, 88%, 76%); +$pinktober-secondary: hsl(318, 83%, 63%); \ No newline at end of file diff --git a/core/static/core/header.scss b/core/static/core/header.scss index 7eca52f9..7fffefee 100644 --- a/core/static/core/header.scss +++ b/core/static/core/header.scss @@ -8,9 +8,15 @@ $background-color-hovered: #283747; $red-text-color: #eb2f06; $hovered-red-text-color: #ff4d4d; +/** + * Behold the dirtiest css I wrote in a while. + * I had less than an hour to do it, and it will be removed + * in two weeks anyway + */ + + .header { box-sizing: border-box; - background-color: $deepblue; box-shadow: 3px 3px 3px 0 #dfdfdf; border-radius: 0; width: 100%; @@ -20,6 +26,28 @@ $hovered-red-text-color: #ff4d4d; padding: 10px; gap: 10px; + + // PINKTOBER + background-color: $pinktober; + border-bottom: 5px solid $pinktober-secondary; + .header-lang { + input { + background-color: $pinktober!important; + + } + } + form input[type="text"].header-input { + background-color: $pinktober-secondary!important; + color: black!important; + + } + *, .right * { + color: #050525; + &:hover { + color: #303060; + } + } + @media (max-width: 700px) { height: auto; } @@ -215,7 +243,7 @@ $hovered-red-text-color: #ff4d4d; background-position: center center; background-size: cover; background-repeat: no-repeat; - background-color: $deepblue; + //background-color: $deepblue; } >.options { @@ -233,11 +261,11 @@ $hovered-red-text-color: #ff4d4d; } >a { - color: $text-color; - - &:hover { - color: $hovered-text-color; - } + //color: $text-color; + // + //&:hover { + // color: $hovered-text-color; + //} } } @@ -254,14 +282,13 @@ $hovered-red-text-color: #ff4d4d; a, button { font-size: 100%; - margin: 0; text-align: right; - color: $text-color; - margin-top: auto; + //color: $text-color; + margin: auto 0 0; - &:hover { - color: $hovered-text-color; - } + //&:hover { + // color: $hovered-text-color; + //} } form#logout-form { @@ -416,12 +443,12 @@ $hovered-red-text-color: #ff4d4d; border-radius: 5px; font-size: .9em; margin: 0; - background-color: $background-color-hovered; + background-color: $pinktober-secondary; padding: 0 10px; - color: $text-color; + //color: $text-color; &::placeholder { - color: $hovered-text-color; + color: black; } } } diff --git a/core/static/core/navbar.scss b/core/static/core/navbar.scss index 9b77bf77..9ccab2f7 100644 --- a/core/static/core/navbar.scss +++ b/core/static/core/navbar.scss @@ -3,7 +3,7 @@ $desktop-size: 500px; nav.navbar { - background-color: $primary-dark-color; + background-color: $pinktober-secondary; margin: 1em; color: white; border-radius: 0.6em; diff --git a/core/templates/core/base/header.jinja b/core/templates/core/base/header.jinja index cb47a47c..3438ff68 100644 --- a/core/templates/core/base/header.jinja +++ b/core/templates/core/base/header.jinja @@ -1,6 +1,9 @@