more colors and variables wooo
This commit is contained in:
parent
ba15a9af92
commit
6927cf5a72
1 changed files with 13 additions and 20 deletions
|
@ -1,10 +1,20 @@
|
||||||
<style>
|
<style>
|
||||||
:root {
|
:root {
|
||||||
|
--body-bg-color: #2E2E2E;
|
||||||
|
--accent-bg-color: #d4d3d3;
|
||||||
|
--button-accent-color: #3d3d3d;
|
||||||
|
--selected-bg-color: #2E2E2E;
|
||||||
|
--hover-bg-color: #555555;
|
||||||
|
--card-border-radius: 0;
|
||||||
|
--button-border-radius: 4px;
|
||||||
|
--main-font-weight: 500;
|
||||||
|
--cards-length: 600px;
|
||||||
|
|
||||||
--fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
|
--fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
|
||||||
--fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
|
--fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
|
||||||
--fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
|
--fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
|
||||||
--border-radius: 0.28571429rem;
|
--border-radius: var(--card-border-radius);
|
||||||
--opacity-disabled: 0.55;
|
--opacity-disabled: 1;
|
||||||
--color-primary: #4183c4;
|
--color-primary: #4183c4;
|
||||||
--color-primary-dark-1: #3f3f3f;
|
--color-primary-dark-1: #3f3f3f;
|
||||||
--color-primary-dark-2: #2E2E2E;
|
--color-primary-dark-2: #2E2E2E;
|
||||||
|
@ -116,25 +126,8 @@
|
||||||
background: #d4d3d3;
|
background: #d4d3d3;
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
|
||||||
--body-bg-color: #2E2E2E;
|
|
||||||
--accent-bg-color: #d4d3d3;
|
|
||||||
--button-accent-color: #3d3d3d;
|
|
||||||
--selected-bg-color: #2E2E2E;
|
|
||||||
--hover-bg-color: #555555;
|
|
||||||
--card-border-radius: 0;
|
|
||||||
--button-border-radius: 4px;
|
|
||||||
--main-font-weight: 500;
|
|
||||||
--cards-length: 600px;
|
|
||||||
|
|
||||||
--fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
|
|
||||||
--fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
|
|
||||||
--fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
|
|
||||||
--fonts-regular: var(--fonts-override,var(--fonts-proportional)),"Noto Sans","Liberation Sans",var(--fonts-emoji),sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: #d4d3d3;
|
color: #2E2E2E;
|
||||||
background: var(--body-bg-color);
|
background: var(--body-bg-color);
|
||||||
font-family: var(--fonts-regular);
|
font-family: var(--fonts-regular);
|
||||||
font-weight: var(--main-font-weight);
|
font-weight: var(--main-font-weight);
|
||||||
|
|
Reference in a new issue