1
0
mirror of https://github.com/flarum/core.git synced 2025-08-30 19:40:02 +02:00

feat: vanilla CSS color scheme changes (#3996)

* feat: vanilla CSS color scheme changes
* chore: scheme mixin
* chore: remove darkmode & colored header less variables
* feat: high contrast schemes
This commit is contained in:
Sami Mazouz
2024-06-22 08:05:07 +01:00
committed by GitHub
parent 379298acb0
commit b91caec30b
29 changed files with 979 additions and 207 deletions

View File

@@ -1,9 +1,26 @@
@following-bg: #ffea7b;
@following-color: #de8e00;
:root {
--following-bg: #ffea7b;
--following-color: #de8e00;
--following-bg: @following-bg;
--following-color: @following-color;
--ignoring-bg: #aaa;
}
[data-theme^=light] {
.Button--color-vars(@following-color, #fff2ae, 'button--follow');
}
[data-theme=light-hc], [data-theme=dark-hc] {
@following-color-hc: darken(@following-color, 23%);
--following-color: @following-color-hc;
.Button--color-vars(@following-color-hc, #fff2ae, 'button--follow');
}
[data-theme^=dark] {
.Button--color-vars(#784d00, #fbb94c, 'button--follow');
}
.Badge--following {
--badge-bg: var(--following-bg);
--badge-color: var(--following-color);
@@ -12,12 +29,7 @@
--badge-bg: var(--ignoring-bg);
}
.SubscriptionMenu-button--follow {
& when (@config-dark-mode = false) {
.Button--color(#de8e00, #fff2ae);
}
& when (@config-dark-mode = true) {
.Button--color(#784d00, #fbb94c);
}
.Button--color-auto('button--follow');
}
.SubscriptionMenu .Dropdown-menu {
min-width: 260px;