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:
@@ -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;
|
||||
|
Reference in New Issue
Block a user