diff options
| author | Mario <mario@mariovavti.com> | 2022-10-31 14:01:00 +0000 |
|---|---|---|
| committer | Mario <mario@mariovavti.com> | 2022-10-31 14:01:00 +0000 |
| commit | 3dc552769055d7c6cefd8f4779fff1c9f123bf16 (patch) | |
| tree | b5738dc2585275d0c8050844ca1a7d323d15e370 | |
| parent | 9554f535199b5fb3a23dd40f9921a15339da3bd7 (diff) | |
| download | volse-hubzilla-3dc552769055d7c6cefd8f4779fff1c9f123bf16.tar.gz volse-hubzilla-3dc552769055d7c6cefd8f4779fff1c9f123bf16.tar.bz2 volse-hubzilla-3dc552769055d7c6cefd8f4779fff1c9f123bf16.zip | |
css variables
| -rw-r--r-- | view/theme/redbasic/css/style.css | 5 | ||||
| -rw-r--r-- | view/theme/redbasic/schema/dark.css | 9 |
2 files changed, 8 insertions, 6 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index d408b5d92..20309b709 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -12,6 +12,7 @@ --bs-border-radius: $radius; --bs-link-color: $link_colour; --bs-link-hover-color: $link_hover_colour; + --bs-body-bg: $bgcolour; } .nav-tabs { @@ -39,7 +40,7 @@ html { body { font-size: 0.9rem; - background-color: $bgcolour; + background-color: var(--bs-body-bg); background-image: url('$background_image'); background-attachment: fixed; background-size: cover; @@ -1263,7 +1264,7 @@ img.mail-conv-sender-photo { } .generic-content-wrapper-styled { - background-color: $bgcolour; + background-color: var(--bs-body-bg); padding: 10px; border-radius: var(--bs-border-radius); } diff --git a/view/theme/redbasic/schema/dark.css b/view/theme/redbasic/schema/dark.css index 806f0ff43..3a93a5c17 100644 --- a/view/theme/redbasic/schema/dark.css +++ b/view/theme/redbasic/schema/dark.css @@ -2,6 +2,8 @@ :root { color-scheme: dark; --bs-dark-rgb: #e1e1e1; + --bs-border-color: rgba(250, 250, 250, 0.125); + --bs-body-bg: #111; } .widget, @@ -10,16 +12,16 @@ } .comment-edit-text { - border: 1px solid rgba(250, 250, 250, 0.125); + border: 1px solid var(--bs-border-color); } .generic-content-wrapper { - border: 1px solid rgba(250, 250, 250, 0.125); + border: 1px solid var(--bs-border-color); } #profile-jot-wrapper { background-color: unset; - border: 1px solid rgba(250, 250, 250, 0.125); + border: 1px solid var(--bs-border-color); } .bootstrap-tagsinput { @@ -30,4 +32,3 @@ a, .fakelink { color: var(--bs-link-color); } - |