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>
|
||||
: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";
|
||||
--border-radius: 0.28571429rem;
|
||||
--opacity-disabled: 0.55;
|
||||
--border-radius: var(--card-border-radius);
|
||||
--opacity-disabled: 1;
|
||||
--color-primary: #4183c4;
|
||||
--color-primary-dark-1: #3f3f3f;
|
||||
--color-primary-dark-2: #2E2E2E;
|
||||
|
@ -116,25 +126,8 @@
|
|||
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 {
|
||||
color: #d4d3d3;
|
||||
color: #2E2E2E;
|
||||
background: var(--body-bg-color);
|
||||
font-family: var(--fonts-regular);
|
||||
font-weight: var(--main-font-weight);
|
||||
|
|
Reference in a new issue