Working theming, Layout->MainLayout, profiles list bugfix

This commit is contained in:
DarkCat09 2023-06-18 18:07:54 +04:00
parent 019fa83353
commit 2e272de59c
20 changed files with 681 additions and 169 deletions

View file

@ -1,30 +1,50 @@
@accent: #5070ca;
.theme-mixin(@accent: #6570d6, @bdrs: 2rem, @purebg: false) {
body {
@bg-light: #fff;
@fg-light: #202020;
@bg-pure-light: #fff;
@bg-colored-light: hsl(
hue(@accent),
15%, 95%,
);
@bg-dark: #222229;
@fg-dark: #eee;
@bg-light: if(@purebg, @bg-pure-light, @bg-colored-light); // background
@fg-light: #202020; // foreground
@bg-pure-dark: #222;
@bg-colored-dark: hsl(
hue(@accent),
5%, 15%,
);
@bg-dark: if(@purebg, @bg-pure-dark, @bg-colored-dark); // background
@fg-dark: #eee; // foreground
--accent: @accent;
--bdrs: @bdrs;
.light-mixin() {
--bg: @bg-light;
--fg: @fg-light;
--bg-sec: darken(@bg-light, 30%);
--fg-sec: lighten(@fg-light, 15%);
--accent-bg: darken(@bg-light, 10%);
--accent-hl: darken(@accent, 15%);
--fg-sec: lighten(@fg-light, 25%);
@accent-fg: darken(@accent, 7%);
--accent-bg: darken(@bg-light, 8%);
--accent-fg: @accent-fg;
--accent-hl: darken(@accent-fg, 15%);
}
.dark-mixin() {
--bg: @bg-dark;
--fg: @fg-dark;
--bg-sec: lighten(@bg-dark, 15%);
--fg-sec: darken(@bg-light, 25%);
--fg-sec: darken(@fg-dark, 30%);
@accent-fg: lighten(@accent, 7%);
--accent-bg: lighten(@bg-dark, 5%);
--accent-hl: lighten(@accent, 15%);
--accent-fg: @accent-fg;
--accent-hl: lighten(@accent-fg, 15%);
}
.dark-mixin();