diff options
| author | dartcafe <github@dartcafe.de> | 2022-08-27 00:08:15 +0300 |
|---|---|---|
| committer | dartcafe <github@dartcafe.de> | 2022-08-27 00:08:15 +0300 |
| commit | 333c0a1cb6de697800fcfa17f7fa123da02ce806 (patch) | |
| tree | 313317826f5b0002017ef8e67680b2fe8ca0116e /src | |
| parent | d7ae1c56d7b97809ea5907f63df812ed33533368 (diff) | |
restore compatibility before nc 25fix/dark-mode-25
Signed-off-by: dartcafe <github@dartcafe.de>
Diffstat (limited to 'src')
| -rw-r--r-- | src/js/assets/scss/colors.scss | 22 | ||||
| -rw-r--r-- | src/js/assets/scss/hacks.scss | 10 |
2 files changed, 22 insertions, 10 deletions
diff --git a/src/js/assets/scss/colors.scss b/src/js/assets/scss/colors.scss index 3655f6c5..adee456c 100644 --- a/src/js/assets/scss/colors.scss +++ b/src/js/assets/scss/colors.scss @@ -18,15 +18,17 @@ --color-polls-dashboard-light-text: #ffffff; --color-background-translucent: rgba(255,255,255,0.8); --background-blur: blur(10px); -} -:root .theme--dark { - --color-foreground-error: #dddddd; - --color-foreground-success: #dddddd; - --color-background-success: #2e4600; - --color-background-error: #4d0d00; - --color-polls-background-yes: #2e4600; - --color-polls-background-no: #4d0d00; - --color-polls-background-maybe: #665600; - --color-background-translucent: rgba(24,24,24,0.8); + .theme--dark { + // @deprecated: compatibility for nc versions before 25 + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --color-foreground-error: #dddddd; + --color-foreground-success: #dddddd; + --color-background-success: #2e4600; + --color-background-error: #4d0d00; + --color-polls-background-yes: #2e4600; + --color-polls-background-no: #4d0d00; + --color-polls-background-maybe: #665600; + --color-background-translucent: rgba(24,24,24,0.8); + } } diff --git a/src/js/assets/scss/hacks.scss b/src/js/assets/scss/hacks.scss index 2aa810ac..e33c128f 100644 --- a/src/js/assets/scss/hacks.scss +++ b/src/js/assets/scss/hacks.scss @@ -1,5 +1,14 @@ // some hacks, do alter the display of third parity components +// until NC24: compatibility hack +:root { + --color-main-background-blur: rgba(var(--color-main-background-rgb), .8); + --color-main-background-rgb: 255, 255, 255; + .theme--dark { + --color-main-background-rgb: 23, 23, 23; + } +} + // fill full input with background color .mx-input { background-clip: initial !important; @@ -31,6 +40,7 @@ .user-item.add-public > .icon-add { margin-right: 20px !important; } + // fix avatardiv size to match the image .avatardiv img { display: block; |