gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-01 12:26:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

markdown styles updated

Browse Source
This commit is contained in:
Pavel Laptev 2024-05-30 12:38:26 +02:00 committed by Caleb Owens
parent bcd89d5c4c
commit 690d96c818
3 changed files with 343 additions and 333 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/styles/main.postcss
View File

@ -59,6 +59,8 @@ body {
/* optimise font rendering */
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
a,
@ -79,7 +81,7 @@ button {
}
/* custom scrollbar */
.scrollbar {
.scrollbar, pre {
&::-webkit-scrollbar {
background-color: transaparent;
width: var(--size-14);
@ -94,7 +96,7 @@ button {
background-clip: padding-box;
border-radius: var(--size-12);
border: var(--size-4) solid rgba(0, 0, 0, 0);
opacity: 0.6;
opacity: 0.3;
}
&::-webkit-scrollbar-thumb:hover {

11
app/src/styles/markdown.css
View File

@ -1,19 +1,24 @@
.markdown {
h1 {
font-size: 2em;
margin-bottom: 0.3em;
}
h2 {
font-size: 1.5em;
margin-bottom: 0.3em;
}
h3 {
font-size: 1.17em;
margin-bottom: 0.3em;
}
h4 {
font-size: 1em;
margin-bottom: 0.3em;
}
p {
margin: 1em 0;
margin-bottom: 1.2em;
}
ul {
@ -44,6 +49,8 @@
padding: 1em;
background-color: var(--clr-scale-ntrl-90);
border: 1px solid var(--clr-scale-ntrl-70);
overflow: auto;
border-radius: var(--radius-m);
}
code {
@ -61,6 +68,8 @@
box-sizing: content-box;
height: 0;
overflow: visible;
margin: 2em 0;
opacity: 0.2;
}
b,

659
app/src/styles/tokens.css
View File

@ -4,334 +4,333 @@
* DO NOT EDIT!
*/
:root {
--clr-bg-1: var(--clr-core-ntrl-100);
--clr-bg-1-muted: var(--clr-core-ntrl-95);
--clr-bg-2: var(--clr-core-ntrl-95);
--clr-bg-2-muted: var(--clr-core-ntrl-90);
--clr-bg-3: var(--clr-core-ntrl-90);
--clr-bg-3-muted: var(--clr-core-ntrl-80);
--clr-border-1: var(--clr-core-ntrl-60);
--clr-border-2: var(--clr-core-ntrl-70);
--clr-border-3: var(--clr-core-ntrl-80);
--clr-commit-local: var(--clr-core-pop-50);
--clr-commit-remote: var(--clr-core-ntrl-50);
--clr-commit-shadow: var(--clr-core-ntrl-60);
--clr-commit-upstream: var(--clr-core-warn-50);
--clr-core-err-5: #260d0f;
--clr-core-err-10: #3d1419;
--clr-core-err-20: #6b242b;
--clr-core-err-30: #862d36;
--clr-core-err-40: #a83d47;
--clr-core-err-50: #de6671;
--clr-core-err-60: #eba4ab;
--clr-core-err-70: #f5cbd0;
--clr-core-err-80: #fbe5e7;
--clr-core-err-90: #fdf1f4;
--clr-core-err-95: #fffafc;
--clr-core-ntrl-0: #0a0a0a;
--clr-core-ntrl-5: #1f1f1e;
--clr-core-ntrl-10: #292929;
--clr-core-ntrl-20: #363635;
--clr-core-ntrl-30: #4d4d4c;
--clr-core-ntrl-40: #616160;
--clr-core-ntrl-50: #838381;
--clr-core-ntrl-60: #bcbbb9;
--clr-core-ntrl-70: #d2d2d0;
--clr-core-ntrl-80: #e2e1df;
--clr-core-ntrl-90: #ebebea;
--clr-core-ntrl-95: #f5f5f4;
--clr-core-ntrl-100: #ffffff;
--clr-core-pop-5: #0d2625;
--clr-core-pop-10: #123634;
--clr-core-pop-20: #1d5855;
--clr-core-pop-30: #246b68;
--clr-core-pop-40: #288a85;
--clr-core-pop-50: #4db2ad;
--clr-core-pop-60: #93ccc9;
--clr-core-pop-70: #bce3e1;
--clr-core-pop-80: #daf1f0;
--clr-core-pop-90: #edf8f7;
--clr-core-pop-95: #f4fbfa;
--clr-core-purp-5: #281d44;
--clr-core-purp-10: #322352;
--clr-core-purp-20: #4b3479;
--clr-core-purp-30: #5e429a;
--clr-core-purp-40: #7050b4;
--clr-core-purp-50: #8c68d9;
--clr-core-purp-60: #b59aee;
--clr-core-purp-70: #dfd3f8;
--clr-core-purp-80: #e9e0fa;
--clr-core-purp-90: #f2edfc;
--clr-core-purp-95: #f9f6fd;
--clr-core-succ-5: #0d261a;
--clr-core-succ-10: #173627;
--clr-core-succ-20: #22533c;
--clr-core-succ-30: #226747;
--clr-core-succ-40: #3d8765;
--clr-core-succ-50: #63ba90;
--clr-core-succ-60: #93c7af;
--clr-core-succ-70: #b8e0cd;
--clr-core-succ-80: #d6f0e4;
--clr-core-succ-90: #ecf9f3;
--clr-core-succ-95: #f6fcfb;
--clr-core-warn-5: #261c0d;
--clr-core-warn-10: #432d0f;
--clr-core-warn-20: #604116;
--clr-core-warn-30: #815312;
--clr-core-warn-40: #b97618;
--clr-core-warn-50: #eaa516;
--clr-core-warn-60: #f4bc6d;
--clr-core-warn-70: #fedbab;
--clr-core-warn-80: #ffe8c7;
--clr-core-warn-90: #fff2e0;
--clr-core-warn-95: #fdf7ed;
--clr-illustration-bg: #d6f0ee;
--clr-illustration-fill: #fcfcf1;
--clr-illustration-outline: #475050;
--clr-overlay-bg: #d6d6d666;
--clr-scale-err-5: var(--clr-core-err-5);
--clr-scale-err-10: var(--clr-core-err-10);
--clr-scale-err-20: var(--clr-core-err-20);
--clr-scale-err-30: var(--clr-core-err-30);
--clr-scale-err-40: var(--clr-core-err-40);
--clr-scale-err-50: var(--clr-core-err-50);
--clr-scale-err-60: var(--clr-core-err-60);
--clr-scale-err-70: var(--clr-core-err-70);
--clr-scale-err-80: var(--clr-core-err-80);
--clr-scale-err-90: var(--clr-core-err-90);
--clr-scale-err-95: var(--clr-core-err-95);
--clr-scale-ntrl-0: var(--clr-core-ntrl-0);
--clr-scale-ntrl-5: var(--clr-core-ntrl-5);
--clr-scale-ntrl-10: var(--clr-core-ntrl-10);
--clr-scale-ntrl-20: var(--clr-core-ntrl-20);
--clr-scale-ntrl-30: var(--clr-core-ntrl-30);
--clr-scale-ntrl-40: var(--clr-core-ntrl-40);
--clr-scale-ntrl-50: var(--clr-core-ntrl-50);
--clr-scale-ntrl-60: var(--clr-core-ntrl-60);
--clr-scale-ntrl-70: var(--clr-core-ntrl-70);
--clr-scale-ntrl-80: var(--clr-core-ntrl-80);
--clr-scale-ntrl-90: var(--clr-core-ntrl-90);
--clr-scale-ntrl-95: var(--clr-core-ntrl-95);
--clr-scale-ntrl-100: var(--clr-core-ntrl-100);
--clr-scale-pop-5: var(--clr-core-pop-5);
--clr-scale-pop-10: var(--clr-core-pop-10);
--clr-scale-pop-20: var(--clr-core-pop-20);
--clr-scale-pop-30: var(--clr-core-pop-30);
--clr-scale-pop-40: var(--clr-core-pop-40);
--clr-scale-pop-50: var(--clr-core-pop-50);
--clr-scale-pop-60: var(--clr-core-pop-60);
--clr-scale-pop-70: var(--clr-core-pop-70);
--clr-scale-pop-80: var(--clr-core-pop-80);
--clr-scale-pop-90: var(--clr-core-pop-90);
--clr-scale-pop-95: var(--clr-core-pop-95);
--clr-scale-purp-5: var(--clr-core-purp-5);
--clr-scale-purp-10: var(--clr-core-purp-10);
--clr-scale-purp-20: var(--clr-core-purp-20);
--clr-scale-purp-30: var(--clr-core-purp-30);
--clr-scale-purp-40: var(--clr-core-purp-40);
--clr-scale-purp-50: var(--clr-core-purp-50);
--clr-scale-purp-60: var(--clr-core-purp-60);
--clr-scale-purp-70: var(--clr-core-purp-70);
--clr-scale-purp-80: var(--clr-core-purp-80);
--clr-scale-purp-90: var(--clr-core-purp-90);
--clr-scale-purp-95: var(--clr-core-purp-95);
--clr-scale-succ-5: var(--clr-core-succ-5);
--clr-scale-succ-10: var(--clr-core-succ-10);
--clr-scale-succ-20: var(--clr-core-succ-20);
--clr-scale-succ-30: var(--clr-core-succ-30);
--clr-scale-succ-40: var(--clr-core-succ-40);
--clr-scale-succ-50: var(--clr-core-succ-50);
--clr-scale-succ-60: var(--clr-core-succ-60);
--clr-scale-succ-70: var(--clr-core-succ-70);
--clr-scale-succ-80: var(--clr-core-succ-80);
--clr-scale-succ-90: var(--clr-core-succ-90);
--clr-scale-succ-95: var(--clr-core-succ-95);
--clr-scale-warn-5: var(--clr-core-warn-5);
--clr-scale-warn-10: var(--clr-core-warn-10);
--clr-scale-warn-20: var(--clr-core-warn-20);
--clr-scale-warn-30: var(--clr-core-warn-30);
--clr-scale-warn-40: var(--clr-core-warn-40);
--clr-scale-warn-50: var(--clr-core-warn-50);
--clr-scale-warn-60: var(--clr-core-warn-60);
--clr-scale-warn-70: var(--clr-core-warn-70);
--clr-scale-warn-80: var(--clr-core-warn-80);
--clr-scale-warn-90: var(--clr-core-warn-90);
--clr-scale-warn-95: var(--clr-core-warn-95);
--clr-text-1: var(--clr-core-ntrl-5);
--clr-text-2: var(--clr-core-ntrl-50);
--clr-text-3: var(--clr-core-ntrl-60);
--clr-theme-err-bg: var(--clr-core-err-90);
--clr-theme-err-element: var(--clr-core-err-50);
--clr-theme-err-on-element: var(--clr-core-err-95);
--clr-theme-err-on-soft: var(--clr-core-err-30);
--clr-theme-err-soft: var(--clr-core-err-80);
--clr-theme-pop-bg: var(--clr-core-pop-90);
--clr-theme-pop-element: var(--clr-core-pop-50);
--clr-theme-pop-on-element: var(--clr-core-ntrl-100);
--clr-theme-pop-on-soft: var(--clr-core-pop-30);
--clr-theme-pop-soft: var(--clr-core-pop-80);
--clr-theme-purp-bg: var(--clr-core-purp-90);
--clr-theme-purp-element: var(--clr-core-purp-50);
--clr-theme-purp-on-element: var(--clr-core-purp-95);
--clr-theme-purp-on-soft: var(--clr-core-purp-30);
--clr-theme-purp-soft: var(--clr-core-purp-80);
--clr-theme-succ-bg: var(--clr-core-succ-90);
--clr-theme-succ-element: var(--clr-core-succ-50);
--clr-theme-succ-on-element: var(--clr-core-succ-95);
--clr-theme-succ-on-soft: var(--clr-core-succ-30);
--clr-theme-succ-soft: var(--clr-core-succ-80);
--clr-theme-warn-bg: var(--clr-core-warn-90);
--clr-theme-warn-element: var(--clr-core-warn-50);
--clr-theme-warn-on-element: var(--clr-core-warn-95);
--clr-theme-warn-on-soft: var(--clr-core-warn-30);
--clr-theme-warn-soft: var(--clr-core-warn-80);
--fx-shadow-l: 0 10px 40px 0 #0000001a;
--fx-shadow-m: 0 6px 30px 0 #00000014;
--fx-shadow-s: 0 4px 14px 0 #0000000f;
--radius-l: 0.75rem;
--radius-m: 0.375rem;
--radius-s: 0.25rem;
--size-1: 0.06125rem;
--size-2: 0.125rem;
--size-4: 0.25rem;
--size-6: 0.375rem;
--size-8: 0.5rem;
--size-10: 0.625rem;
--size-12: 0.75rem;
--size-14: 0.875rem;
--size-16: 1rem;
--size-20: 1.25rem;
--size-24: 1.5rem;
--size-26: 1.625rem;
--size-28: 1.75rem;
--size-32: 2rem;
--size-36: 2.25rem;
--size-40: 2.5rem;
--size-48: 3rem;
--size-56: 3.5rem;
--size-64: 4rem;
--size-80: 5rem;
--size-96: 6rem;
--size-button: 1.75rem;
--size-card-padding: 0.875rem;
--size-cta: 2rem;
--size-icon: 1rem;
--size-tag: 1.375rem;
}
:root {
--clr-bg-1: var(--clr-core-ntrl-100);
--clr-bg-1-muted: var(--clr-core-ntrl-95);
--clr-bg-2: var(--clr-core-ntrl-95);
--clr-bg-2-muted: var(--clr-core-ntrl-90);
--clr-bg-3: var(--clr-core-ntrl-90);
--clr-bg-3-muted: var(--clr-core-ntrl-80);
--clr-border-1: var(--clr-core-ntrl-60);
--clr-border-2: var(--clr-core-ntrl-70);
--clr-border-3: var(--clr-core-ntrl-80);
--clr-commit-local: var(--clr-core-pop-50);
--clr-commit-remote: var(--clr-core-ntrl-50);
--clr-commit-shadow: var(--clr-core-ntrl-60);
--clr-commit-upstream: var(--clr-core-warn-50);
--clr-core-err-5: #260d0f;
--clr-core-err-10: #3d1419;
--clr-core-err-20: #6b242b;
--clr-core-err-30: #862d36;
--clr-core-err-40: #a83d47;
--clr-core-err-50: #de6671;
--clr-core-err-60: #eba4ab;
--clr-core-err-70: #f5cbd0;
--clr-core-err-80: #fbe5e7;
--clr-core-err-90: #fdf1f4;
--clr-core-err-95: #fffafc;
--clr-core-ntrl-0: #0a0a0a;
--clr-core-ntrl-5: #1f1f1e;
--clr-core-ntrl-10: #292929;
--clr-core-ntrl-20: #363635;
--clr-core-ntrl-30: #4d4d4c;
--clr-core-ntrl-40: #616160;
--clr-core-ntrl-50: #838381;
--clr-core-ntrl-60: #bcbbb9;
--clr-core-ntrl-70: #d2d2d0;
--clr-core-ntrl-80: #e2e1df;
--clr-core-ntrl-90: #ebebea;
--clr-core-ntrl-95: #f5f5f4;
--clr-core-ntrl-100: #ffffff;
--clr-core-pop-5: #0d2625;
--clr-core-pop-10: #123634;
--clr-core-pop-20: #1d5855;
--clr-core-pop-30: #246b68;
--clr-core-pop-40: #288a85;
--clr-core-pop-50: #4db2ad;
--clr-core-pop-60: #93ccc9;
--clr-core-pop-70: #bce3e1;
--clr-core-pop-80: #daf1f0;
--clr-core-pop-90: #edf8f7;
--clr-core-pop-95: #f4fbfa;
--clr-core-purp-5: #281d44;
--clr-core-purp-10: #322352;
--clr-core-purp-20: #4b3479;
--clr-core-purp-30: #5e429a;
--clr-core-purp-40: #7050b4;
--clr-core-purp-50: #8c68d9;
--clr-core-purp-60: #b59aee;
--clr-core-purp-70: #dfd3f8;
--clr-core-purp-80: #e9e0fa;
--clr-core-purp-90: #f2edfc;
--clr-core-purp-95: #f9f6fd;
--clr-core-succ-5: #0d261a;
--clr-core-succ-10: #173627;
--clr-core-succ-20: #22533c;
--clr-core-succ-30: #226747;
--clr-core-succ-40: #3d8765;
--clr-core-succ-50: #63ba90;
--clr-core-succ-60: #93c7af;
--clr-core-succ-70: #b8e0cd;
--clr-core-succ-80: #d6f0e4;
--clr-core-succ-90: #ecf9f3;
--clr-core-succ-95: #f6fcfb;
--clr-core-warn-5: #261c0d;
--clr-core-warn-10: #432d0f;
--clr-core-warn-20: #604116;
--clr-core-warn-30: #815312;
--clr-core-warn-40: #b97618;
--clr-core-warn-50: #eaa516;
--clr-core-warn-60: #f4bc6d;
--clr-core-warn-70: #fedbab;
--clr-core-warn-80: #ffe8c7;
--clr-core-warn-90: #fff2e0;
--clr-core-warn-95: #fdf7ed;
--clr-illustration-bg: #d6f0ee;
--clr-illustration-fill: #fcfcf1;
--clr-illustration-outline: #475050;
--clr-overlay-bg: #d6d6d666;
--clr-scale-err-5: var(--clr-core-err-5);
--clr-scale-err-10: var(--clr-core-err-10);
--clr-scale-err-20: var(--clr-core-err-20);
--clr-scale-err-30: var(--clr-core-err-30);
--clr-scale-err-40: var(--clr-core-err-40);
--clr-scale-err-50: var(--clr-core-err-50);
--clr-scale-err-60: var(--clr-core-err-60);
--clr-scale-err-70: var(--clr-core-err-70);
--clr-scale-err-80: var(--clr-core-err-80);
--clr-scale-err-90: var(--clr-core-err-90);
--clr-scale-err-95: var(--clr-core-err-95);
--clr-scale-ntrl-0: var(--clr-core-ntrl-0);
--clr-scale-ntrl-5: var(--clr-core-ntrl-5);
--clr-scale-ntrl-10: var(--clr-core-ntrl-10);
--clr-scale-ntrl-20: var(--clr-core-ntrl-20);
--clr-scale-ntrl-30: var(--clr-core-ntrl-30);
--clr-scale-ntrl-40: var(--clr-core-ntrl-40);
--clr-scale-ntrl-50: var(--clr-core-ntrl-50);
--clr-scale-ntrl-60: var(--clr-core-ntrl-60);
--clr-scale-ntrl-70: var(--clr-core-ntrl-70);
--clr-scale-ntrl-80: var(--clr-core-ntrl-80);
--clr-scale-ntrl-90: var(--clr-core-ntrl-90);
--clr-scale-ntrl-95: var(--clr-core-ntrl-95);
--clr-scale-ntrl-100: var(--clr-core-ntrl-100);
--clr-scale-pop-5: var(--clr-core-pop-5);
--clr-scale-pop-10: var(--clr-core-pop-10);
--clr-scale-pop-20: var(--clr-core-pop-20);
--clr-scale-pop-30: var(--clr-core-pop-30);
--clr-scale-pop-40: var(--clr-core-pop-40);
--clr-scale-pop-50: var(--clr-core-pop-50);
--clr-scale-pop-60: var(--clr-core-pop-60);
--clr-scale-pop-70: var(--clr-core-pop-70);
--clr-scale-pop-80: var(--clr-core-pop-80);
--clr-scale-pop-90: var(--clr-core-pop-90);
--clr-scale-pop-95: var(--clr-core-pop-95);
--clr-scale-purp-5: var(--clr-core-purp-5);
--clr-scale-purp-10: var(--clr-core-purp-10);
--clr-scale-purp-20: var(--clr-core-purp-20);
--clr-scale-purp-30: var(--clr-core-purp-30);
--clr-scale-purp-40: var(--clr-core-purp-40);
--clr-scale-purp-50: var(--clr-core-purp-50);
--clr-scale-purp-60: var(--clr-core-purp-60);
--clr-scale-purp-70: var(--clr-core-purp-70);
--clr-scale-purp-80: var(--clr-core-purp-80);
--clr-scale-purp-90: var(--clr-core-purp-90);
--clr-scale-purp-95: var(--clr-core-purp-95);
--clr-scale-succ-5: var(--clr-core-succ-5);
--clr-scale-succ-10: var(--clr-core-succ-10);
--clr-scale-succ-20: var(--clr-core-succ-20);
--clr-scale-succ-30: var(--clr-core-succ-30);
--clr-scale-succ-40: var(--clr-core-succ-40);
--clr-scale-succ-50: var(--clr-core-succ-50);
--clr-scale-succ-60: var(--clr-core-succ-60);
--clr-scale-succ-70: var(--clr-core-succ-70);
--clr-scale-succ-80: var(--clr-core-succ-80);
--clr-scale-succ-90: var(--clr-core-succ-90);
--clr-scale-succ-95: var(--clr-core-succ-95);
--clr-scale-warn-5: var(--clr-core-warn-5);
--clr-scale-warn-10: var(--clr-core-warn-10);
--clr-scale-warn-20: var(--clr-core-warn-20);
--clr-scale-warn-30: var(--clr-core-warn-30);
--clr-scale-warn-40: var(--clr-core-warn-40);
--clr-scale-warn-50: var(--clr-core-warn-50);
--clr-scale-warn-60: var(--clr-core-warn-60);
--clr-scale-warn-70: var(--clr-core-warn-70);
--clr-scale-warn-80: var(--clr-core-warn-80);
--clr-scale-warn-90: var(--clr-core-warn-90);
--clr-scale-warn-95: var(--clr-core-warn-95);
--clr-text-1: var(--clr-core-ntrl-5);
--clr-text-2: var(--clr-core-ntrl-50);
--clr-text-3: var(--clr-core-ntrl-60);
--clr-theme-err-bg: var(--clr-core-err-90);
--clr-theme-err-element: var(--clr-core-err-50);
--clr-theme-err-on-element: var(--clr-core-err-95);
--clr-theme-err-on-soft: var(--clr-core-err-30);
--clr-theme-err-soft: var(--clr-core-err-80);
--clr-theme-pop-bg: var(--clr-core-pop-90);
--clr-theme-pop-element: var(--clr-core-pop-50);
--clr-theme-pop-on-element: var(--clr-core-ntrl-100);
--clr-theme-pop-on-soft: var(--clr-core-pop-30);
--clr-theme-pop-soft: var(--clr-core-pop-80);
--clr-theme-purp-bg: var(--clr-core-purp-90);
--clr-theme-purp-element: var(--clr-core-purp-50);
--clr-theme-purp-on-element: var(--clr-core-purp-95);
--clr-theme-purp-on-soft: var(--clr-core-purp-30);
--clr-theme-purp-soft: var(--clr-core-purp-80);
--clr-theme-succ-bg: var(--clr-core-succ-90);
--clr-theme-succ-element: var(--clr-core-succ-50);
--clr-theme-succ-on-element: var(--clr-core-succ-95);
--clr-theme-succ-on-soft: var(--clr-core-succ-30);
--clr-theme-succ-soft: var(--clr-core-succ-80);
--clr-theme-warn-bg: var(--clr-core-warn-90);
--clr-theme-warn-element: var(--clr-core-warn-50);
--clr-theme-warn-on-element: var(--clr-core-warn-95);
--clr-theme-warn-on-soft: var(--clr-core-warn-30);
--clr-theme-warn-soft: var(--clr-core-warn-80);
--fx-shadow-l: 0 10px 40px 0 #0000001a;
--fx-shadow-m: 0 6px 30px 0 #00000014;
--fx-shadow-s: 0 4px 14px 0 #0000000f;
--radius-l: 0.75rem;
--radius-m: 0.375rem;
--radius-s: 0.25rem;
--size-2: 0.125rem;
--size-4: 0.25rem;
--size-6: 0.375rem;
--size-8: 0.5rem;
--size-10: 0.625rem;
--size-12: 0.75rem;
--size-14: 0.875rem;
--size-16: 1rem;
--size-20: 1.25rem;
--size-24: 1.5rem;
--size-26: 1.625rem;
--size-28: 1.75rem;
--size-32: 2rem;
--size-36: 2.25rem;
--size-40: 2.5rem;
--size-48: 3rem;
--size-56: 3.5rem;
--size-64: 4rem;
--size-80: 5rem;
--size-96: 6rem;
--size-button: 1.75rem;
--size-card-padding: 0.875rem;
--size-cta: 2rem;
--size-icon: 1rem;
--size-tag: 1.375rem;
}
:root.dark {
--clr-bg-1: var(--clr-core-ntrl-10);
--clr-bg-1-muted: var(--clr-core-ntrl-20);
--clr-bg-2: var(--clr-core-ntrl-5);
--clr-bg-2-muted: var(--clr-core-ntrl-10);
--clr-bg-3: var(--clr-core-ntrl-0);
--clr-bg-3-muted: var(--clr-core-ntrl-5);
--clr-border-1: var(--clr-core-ntrl-40);
--clr-border-2: var(--clr-core-ntrl-30);
--clr-border-3: var(--clr-core-ntrl-20);
--clr-commit-local: var(--clr-core-pop-50);
--clr-commit-remote: var(--clr-core-ntrl-50);
--clr-commit-shadow: var(--clr-core-ntrl-40);
--clr-commit-upstream: var(--clr-core-warn-50);
--clr-illustration-bg: #174543;
--clr-illustration-fill: #95b5aa;
--clr-illustration-outline: #142222;
--clr-overlay-bg: #00000059;
--clr-scale-err-5: var(--clr-core-err-95);
--clr-scale-err-10: var(--clr-core-err-90);
--clr-scale-err-20: var(--clr-core-err-80);
--clr-scale-err-30: var(--clr-core-err-70);
--clr-scale-err-40: var(--clr-core-err-60);
--clr-scale-err-50: var(--clr-core-err-50);
--clr-scale-err-60: var(--clr-core-err-40);
--clr-scale-err-70: var(--clr-core-err-30);
--clr-scale-err-80: var(--clr-core-err-20);
--clr-scale-err-90: var(--clr-core-err-10);
--clr-scale-err-95: var(--clr-core-err-5);
--clr-scale-ntrl-0: var(--clr-core-ntrl-100);
--clr-scale-ntrl-5: var(--clr-core-ntrl-95);
--clr-scale-ntrl-10: var(--clr-core-ntrl-90);
--clr-scale-ntrl-20: var(--clr-core-ntrl-80);
--clr-scale-ntrl-30: var(--clr-core-ntrl-70);
--clr-scale-ntrl-40: var(--clr-core-ntrl-60);
--clr-scale-ntrl-50: var(--clr-core-ntrl-50);
--clr-scale-ntrl-60: var(--clr-core-ntrl-40);
--clr-scale-ntrl-70: var(--clr-core-ntrl-30);
--clr-scale-ntrl-80: var(--clr-core-ntrl-20);
--clr-scale-ntrl-90: var(--clr-core-ntrl-10);
--clr-scale-ntrl-95: var(--clr-core-ntrl-5);
--clr-scale-ntrl-100: var(--clr-core-ntrl-0);
--clr-scale-pop-5: var(--clr-core-pop-95);
--clr-scale-pop-10: var(--clr-core-pop-90);
--clr-scale-pop-20: var(--clr-core-pop-80);
--clr-scale-pop-30: var(--clr-core-pop-70);
--clr-scale-pop-40: var(--clr-core-pop-60);
--clr-scale-pop-50: var(--clr-core-pop-50);
--clr-scale-pop-60: var(--clr-core-pop-40);
--clr-scale-pop-70: var(--clr-core-pop-30);
--clr-scale-pop-80: var(--clr-core-pop-20);
--clr-scale-pop-90: var(--clr-core-pop-10);
--clr-scale-pop-95: var(--clr-core-pop-5);
--clr-scale-purp-5: var(--clr-core-purp-95);
--clr-scale-purp-10: var(--clr-core-purp-90);
--clr-scale-purp-20: var(--clr-core-purp-80);
--clr-scale-purp-30: var(--clr-core-purp-70);
--clr-scale-purp-40: var(--clr-core-purp-60);
--clr-scale-purp-50: var(--clr-core-purp-50);
--clr-scale-purp-60: var(--clr-core-purp-40);
--clr-scale-purp-70: var(--clr-core-purp-30);
--clr-scale-purp-80: var(--clr-core-purp-20);
--clr-scale-purp-90: var(--clr-core-purp-10);
--clr-scale-purp-95: var(--clr-core-purp-5);
--clr-scale-succ-5: var(--clr-core-succ-95);
--clr-scale-succ-10: var(--clr-core-succ-90);
--clr-scale-succ-20: var(--clr-core-succ-80);
--clr-scale-succ-30: var(--clr-core-succ-70);
--clr-scale-succ-40: var(--clr-core-succ-60);
--clr-scale-succ-50: var(--clr-core-succ-50);
--clr-scale-succ-60: var(--clr-core-succ-40);
--clr-scale-succ-70: var(--clr-core-succ-30);
--clr-scale-succ-80: var(--clr-core-succ-20);
--clr-scale-succ-90: var(--clr-core-succ-10);
--clr-scale-succ-95: var(--clr-core-succ-5);
--clr-scale-warn-5: var(--clr-core-warn-95);
--clr-scale-warn-10: var(--clr-core-warn-90);
--clr-scale-warn-20: var(--clr-core-warn-80);
--clr-scale-warn-30: var(--clr-core-warn-70);
--clr-scale-warn-40: var(--clr-core-warn-60);
--clr-scale-warn-50: var(--clr-core-warn-50);
--clr-scale-warn-60: var(--clr-core-warn-40);
--clr-scale-warn-70: var(--clr-core-warn-30);
--clr-scale-warn-80: var(--clr-core-warn-20);
--clr-scale-warn-90: var(--clr-core-warn-10);
--clr-scale-warn-95: var(--clr-core-warn-5);
--clr-text-1: var(--clr-core-ntrl-95);
--clr-text-2: var(--clr-core-ntrl-50);
--clr-text-3: var(--clr-core-ntrl-40);
--clr-theme-err-bg: var(--clr-core-err-20);
--clr-theme-err-element: var(--clr-core-err-40);
--clr-theme-err-on-element: var(--clr-core-err-90);
--clr-theme-err-on-soft: var(--clr-core-err-80);
--clr-theme-err-soft: var(--clr-core-err-20);
--clr-theme-pop-bg: var(--clr-core-pop-20);
--clr-theme-pop-element: var(--clr-core-pop-40);
--clr-theme-pop-on-element: var(--clr-core-ntrl-100);
--clr-theme-pop-on-soft: var(--clr-core-pop-80);
--clr-theme-pop-soft: var(--clr-core-pop-20);
--clr-theme-purp-bg: var(--clr-core-purp-20);
--clr-theme-purp-element: var(--clr-core-purp-40);
--clr-theme-purp-on-element: var(--clr-core-purp-90);
--clr-theme-purp-on-soft: var(--clr-core-purp-80);
--clr-theme-purp-soft: var(--clr-core-purp-20);
--clr-theme-succ-bg: var(--clr-core-succ-20);
--clr-theme-succ-element: var(--clr-core-succ-40);
--clr-theme-succ-on-element: var(--clr-core-succ-90);
--clr-theme-succ-on-soft: var(--clr-core-succ-80);
--clr-theme-succ-soft: var(--clr-core-succ-20);
--clr-theme-warn-bg: var(--clr-core-warn-20);
--clr-theme-warn-element: var(--clr-core-warn-40);
--clr-theme-warn-on-element: var(--clr-core-warn-90);
--clr-theme-warn-on-soft: var(--clr-core-warn-80);
--clr-theme-warn-soft: var(--clr-core-warn-20);
}
:root.dark {
--clr-bg-1: var(--clr-core-ntrl-10);
--clr-bg-1-muted: var(--clr-core-ntrl-20);
--clr-bg-2: var(--clr-core-ntrl-5);
--clr-bg-2-muted: var(--clr-core-ntrl-10);
--clr-bg-3: var(--clr-core-ntrl-0);
--clr-bg-3-muted: var(--clr-core-ntrl-5);
--clr-border-1: var(--clr-core-ntrl-40);
--clr-border-2: var(--clr-core-ntrl-30);
--clr-border-3: var(--clr-core-ntrl-20);
--clr-commit-local: var(--clr-core-pop-50);
--clr-commit-remote: var(--clr-core-ntrl-50);
--clr-commit-shadow: var(--clr-core-ntrl-40);
--clr-commit-upstream: var(--clr-core-warn-50);
--clr-illustration-bg: #174543;
--clr-illustration-fill: #95b5aa;
--clr-illustration-outline: #142222;
--clr-overlay-bg: #00000059;
--clr-scale-err-5: var(--clr-core-err-95);
--clr-scale-err-10: var(--clr-core-err-90);
--clr-scale-err-20: var(--clr-core-err-80);
--clr-scale-err-30: var(--clr-core-err-70);
--clr-scale-err-40: var(--clr-core-err-60);
--clr-scale-err-50: var(--clr-core-err-50);
--clr-scale-err-60: var(--clr-core-err-40);
--clr-scale-err-70: var(--clr-core-err-30);
--clr-scale-err-80: var(--clr-core-err-20);
--clr-scale-err-90: var(--clr-core-err-10);
--clr-scale-err-95: var(--clr-core-err-5);
--clr-scale-ntrl-0: var(--clr-core-ntrl-100);
--clr-scale-ntrl-5: var(--clr-core-ntrl-95);
--clr-scale-ntrl-10: var(--clr-core-ntrl-90);
--clr-scale-ntrl-20: var(--clr-core-ntrl-80);
--clr-scale-ntrl-30: var(--clr-core-ntrl-70);
--clr-scale-ntrl-40: var(--clr-core-ntrl-60);
--clr-scale-ntrl-50: var(--clr-core-ntrl-50);
--clr-scale-ntrl-60: var(--clr-core-ntrl-40);
--clr-scale-ntrl-70: var(--clr-core-ntrl-30);
--clr-scale-ntrl-80: var(--clr-core-ntrl-20);
--clr-scale-ntrl-90: var(--clr-core-ntrl-10);
--clr-scale-ntrl-95: var(--clr-core-ntrl-5);
--clr-scale-ntrl-100: var(--clr-core-ntrl-0);
--clr-scale-pop-5: var(--clr-core-pop-95);
--clr-scale-pop-10: var(--clr-core-pop-90);
--clr-scale-pop-20: var(--clr-core-pop-80);
--clr-scale-pop-30: var(--clr-core-pop-70);
--clr-scale-pop-40: var(--clr-core-pop-60);
--clr-scale-pop-50: var(--clr-core-pop-50);
--clr-scale-pop-60: var(--clr-core-pop-40);
--clr-scale-pop-70: var(--clr-core-pop-30);
--clr-scale-pop-80: var(--clr-core-pop-20);
--clr-scale-pop-90: var(--clr-core-pop-10);
--clr-scale-pop-95: var(--clr-core-pop-5);
--clr-scale-purp-5: var(--clr-core-purp-95);
--clr-scale-purp-10: var(--clr-core-purp-90);
--clr-scale-purp-20: var(--clr-core-purp-80);
--clr-scale-purp-30: var(--clr-core-purp-70);
--clr-scale-purp-40: var(--clr-core-purp-60);
--clr-scale-purp-50: var(--clr-core-purp-50);
--clr-scale-purp-60: var(--clr-core-purp-40);
--clr-scale-purp-70: var(--clr-core-purp-30);
--clr-scale-purp-80: var(--clr-core-purp-20);
--clr-scale-purp-90: var(--clr-core-purp-10);
--clr-scale-purp-95: var(--clr-core-purp-5);
--clr-scale-succ-5: var(--clr-core-succ-95);
--clr-scale-succ-10: var(--clr-core-succ-90);
--clr-scale-succ-20: var(--clr-core-succ-80);
--clr-scale-succ-30: var(--clr-core-succ-70);
--clr-scale-succ-40: var(--clr-core-succ-60);
--clr-scale-succ-50: var(--clr-core-succ-50);
--clr-scale-succ-60: var(--clr-core-succ-40);
--clr-scale-succ-70: var(--clr-core-succ-30);
--clr-scale-succ-80: var(--clr-core-succ-20);
--clr-scale-succ-90: var(--clr-core-succ-10);
--clr-scale-succ-95: var(--clr-core-succ-5);
--clr-scale-warn-5: var(--clr-core-warn-95);
--clr-scale-warn-10: var(--clr-core-warn-90);
--clr-scale-warn-20: var(--clr-core-warn-80);
--clr-scale-warn-30: var(--clr-core-warn-70);
--clr-scale-warn-40: var(--clr-core-warn-60);
--clr-scale-warn-50: var(--clr-core-warn-50);
--clr-scale-warn-60: var(--clr-core-warn-40);
--clr-scale-warn-70: var(--clr-core-warn-30);
--clr-scale-warn-80: var(--clr-core-warn-20);
--clr-scale-warn-90: var(--clr-core-warn-10);
--clr-scale-warn-95: var(--clr-core-warn-5);
--clr-text-1: var(--clr-core-ntrl-95);
--clr-text-2: var(--clr-core-ntrl-50);
--clr-text-3: var(--clr-core-ntrl-40);
--clr-theme-err-bg: var(--clr-core-err-10);
--clr-theme-err-element: var(--clr-core-err-40);
--clr-theme-err-on-element: var(--clr-core-err-90);
--clr-theme-err-on-soft: var(--clr-core-err-80);
--clr-theme-err-soft: var(--clr-core-err-20);
--clr-theme-pop-bg: var(--clr-core-pop-10);
--clr-theme-pop-element: var(--clr-core-pop-40);
--clr-theme-pop-on-element: var(--clr-core-ntrl-100);
--clr-theme-pop-on-soft: var(--clr-core-pop-80);
--clr-theme-pop-soft: var(--clr-core-pop-20);
--clr-theme-purp-bg: var(--clr-core-purp-10);
--clr-theme-purp-element: var(--clr-core-purp-40);
--clr-theme-purp-on-element: var(--clr-core-purp-90);
--clr-theme-purp-on-soft: var(--clr-core-purp-80);
--clr-theme-purp-soft: var(--clr-core-purp-20);
--clr-theme-succ-bg: var(--clr-core-succ-10);
--clr-theme-succ-element: var(--clr-core-succ-40);
--clr-theme-succ-on-element: var(--clr-core-succ-90);
--clr-theme-succ-on-soft: var(--clr-core-succ-80);
--clr-theme-succ-soft: var(--clr-core-succ-20);
--clr-theme-warn-bg: var(--clr-core-warn-10);
--clr-theme-warn-element: var(--clr-core-warn-40);
--clr-theme-warn-on-element: var(--clr-core-warn-90);
--clr-theme-warn-on-soft: var(--clr-core-warn-80);
--clr-theme-warn-soft: var(--clr-core-warn-20);
}