aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMario <mario@mariovavti.com>2022-10-31 14:01:00 +0000
committerMario <mario@mariovavti.com>2022-10-31 14:01:00 +0000
commit3dc552769055d7c6cefd8f4779fff1c9f123bf16 (patch)
treeb5738dc2585275d0c8050844ca1a7d323d15e370
parent9554f535199b5fb3a23dd40f9921a15339da3bd7 (diff)
downloadvolse-hubzilla-3dc552769055d7c6cefd8f4779fff1c9f123bf16.tar.gz
volse-hubzilla-3dc552769055d7c6cefd8f4779fff1c9f123bf16.tar.bz2
volse-hubzilla-3dc552769055d7c6cefd8f4779fff1c9f123bf16.zip
css variables
-rw-r--r--view/theme/redbasic/css/style.css5
-rw-r--r--view/theme/redbasic/schema/dark.css9
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);
}
-