diff --git a/pflaenzli/static/base.css b/pflaenzli/static/base.css index b59304b..d371600 100644 --- a/pflaenzli/static/base.css +++ b/pflaenzli/static/base.css @@ -1,37 +1,35 @@ :root { - --pfl-color: #386e3a; - --pfl-logo: url('/static/pfl_light.png'); - --vseth-logo: url('/static/vseth_light.svg'); + --pfl-color: #188d1c; --bg-pfl-color: #59af5c; --pfl-primary-bg-subtle: #cbf7cd; - --pfl-primary-text: #386e3a; + --pfl-primary-text: var(--bg-pfl-color); --pfl-primary-border-subtle: #6db770; - --bs-nav-tabs-link-active-color: var(--pfl-primary-text) + --bs-nav-tabs-link-active-color: var(--pfl-primary-text); + --bs-heading-color: #000; } :root[data-bs-theme='dark'] { - --pfl-logo: url('/static/pfl_dark.png'); - --vseth-logo: url('/static/vseth_dark.svg'); --pfl-primary-bg-subtle: #183119; --pfl-primary-text: #5aac5d; - --pfl-primary-border-subtle: var(--pfl-color) + --pfl-primary-border-subtle: var(--pfl-color); + --bs-heading-color: #fff; } .btn-pfl { --bs-btn-color: #fff; - --bs-btn-bg: #386e3a; - --bs-btn-border-color: #386e3a; + --bs-btn-bg: var(--pfl-color); + --bs-btn-border-color: var(--pfl-color); --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #2f5d31; - --bs-btn-hover-border-color: #386e3a; + --bs-btn-hover-bg: #117314; + --bs-btn-hover-border-color: var(--pfl-color); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; - --bs-btn-active-bg: #386e3a; + --bs-btn-active-bg: var(--pfl-color); --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #386e3a; - --bs-btn-disabled-border-color: #386e3a; + --bs-btn-disabled-bg: var(--pfl-color); + --bs-btn-disabled-border-color: var(--pfl-color); } .bg-pfl { @@ -53,7 +51,8 @@ } a { - color: var(--pfl-primary-text) + color: var(--pfl-primary-text); + text-decoration: none; } .nav-tabs .nav-link {