thm
/
upend
1
0
Fork 0
Code Issues 73 Pull Requests Packages Projects Releases 5 Wiki Activity

reformat

feat/vaults
Tomáš Mládek 2022-02-04 20:24:50 +01:00
parent f8a0410282
commit 9b978c39d1
No known key found for this signature in database
GPG Key ID: ED21612889E75EC5
1 changed files with 77 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

155
webui/src/styles/colors-app.scss
View File

@ -1,90 +1,89 @@
@use "colors";
@mixin rebase(
$rebase03,
$rebase02,
$rebase01,
$rebase00,
$rebase0,
$rebase1,
$rebase2,
$rebase3
) {
--foreground: #{$rebase0};
--foreground-lighter: #{$rebase1};
--foreground-lightest: #{$rebase2};
--background: #{$rebase03};
--background-lighter: #{$rebase02};
--primary: #{colors.$blue};
background-color: $rebase03;
color: $rebase0;
$rebase03,
$rebase02,
$rebase01,
$rebase00,
$rebase0,
$rebase1,
$rebase2,
$rebase3
) {
--foreground: #{$rebase0};
--foreground-lighter: #{$rebase1};
--foreground-lightest: #{$rebase2};
--background: #{$rebase03};
--background-lighter: #{$rebase02};
--primary: #{colors.$blue};
background-color: $rebase03;
color: $rebase0;
}
@mixin accentize($accent) {
a,
a:active,
a:visited,
code.url {
color: $accent;
}
@mixin accentize($accent) {
a,
a:active,
a:visited,
code.url {
color: $accent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $accent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $accent;
}
}
html {
@include rebase(
colors.$base3,
colors.$base2,
colors.$base1,
colors.$base0,
colors.$base00,
colors.$base01,
colors.$base02,
colors.$base03
);
}
@media (prefers-color-scheme: dark) {
html {
@include rebase(
colors.$base3,
colors.$base2,
colors.$base1,
colors.$base0,
colors.$base00,
colors.$base01,
colors.$base03,
colors.$base02,
colors.$base03
colors.$base01,
colors.$base00,
colors.$base0,
colors.$base1,
colors.$base2,
colors.$base3
);
}
@media (prefers-color-scheme: dark) {
html {
@include rebase(
colors.$base03,
colors.$base02,
colors.$base01,
colors.$base00,
colors.$base0,
colors.$base1,
colors.$base2,
colors.$base3
);
}
}
html,
body {
color: var(--foreground);
background: var(--background);
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--foreground-lighter);
border-color: var(--foreground);
}
html,
body {
color: var(--foreground);
background: var(--background);
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--foreground-lighter);
border-color: var(--foreground);
}
a,
a:active,
a:visited {
color: var(--foreground-lighter);
}
a,
a:active,
a:visited {
color: var(--foreground-lighter);
}
}