Skip to content

Commit

Permalink
feat(docs): use Roboto instead of Google Sans
Browse files Browse the repository at this point in the history 
chore(docs): update colors
  • Loading branch information
@vollowx
vollowx committed Mar 30, 2024
1 parent f6c8e76 commit c9f95f7
Show file tree
Hide file tree
Showing 2 changed files with 63 additions and 77 deletions.
22 changes: 4 additions & 18 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,27 +15,13 @@
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
rel="preload"
href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;700&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
/>
<noscript
><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;700&display=swap"
/></noscript>
<link
rel="preload"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/>
<noscript
><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"
/></noscript>
</head>
<body>
<header>
Expand Down
118 changes: 59 additions & 59 deletions docs/main.css
View file
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
:root[data-md-theme='light'] {
--md-sys-color-background: #fff8f3;
--md-sys-color-on-background: #201b12;
--md-sys-color-surface: #fff8f3;
--md-sys-color-surface-dim: #e4d8cb;
--md-sys-color-surface-bright: #fff8f3;
--md-sys-color-background: #fbf8ff;
--md-sys-color-on-background: #1b1b20;
--md-sys-color-surface: #fbf8ff;
--md-sys-color-surface-dim: #dbd9e0;
--md-sys-color-surface-bright: #fbf8ff;
--md-sys-color-surface-container-lowest: #ffffff;
--md-sys-color-surface-container-low: #fef2e4;
--md-sys-color-surface-container: #f8ecde;
--md-sys-color-surface-container-high: #f3e6d8;
--md-sys-color-surface-container-highest: #ede1d3;
--md-sys-color-on-surface: #201b12;
--md-sys-color-surface-variant: #f2e0c9;
--md-sys-color-on-surface-variant: #504534;
--md-sys-color-inverse-surface: #362f26;
--md-sys-color-inverse-on-surface: #fbefe1;
--md-sys-color-outline: #837562;
--md-sys-color-outline-variant: #d5c4ae;
--md-sys-color-surface-container-low: #f5f2f9;
--md-sys-color-surface-container: #efedf3;
--md-sys-color-surface-container-high: #eae7ee;
--md-sys-color-surface-container-highest: #e4e1e8;
--md-sys-color-on-surface: #1b1b20;
--md-sys-color-surface-variant: #e3e1ee;
--md-sys-color-on-surface-variant: #454650;
--md-sys-color-inverse-surface: #303035;
--md-sys-color-inverse-on-surface: #f2eff6;
--md-sys-color-outline: #767682;
--md-sys-color-outline-variant: #c6c5d2;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-surface-tint: #7f5700;
--md-sys-color-primary: #7f5700;
--md-sys-color-surface-tint: #4f59a0;
--md-sys-color-primary: #4f59a0;
--md-sys-color-on-primary: #ffffff;
--md-sys-color-primary-container: #f7b337;
--md-sys-color-on-primary-container: #442d00;
--md-sys-color-inverse-primary: #ffba3e;
--md-sys-color-secondary: #765a2b;
--md-sys-color-primary-container: #b3bbff;
--md-sys-color-on-primary-container: #1f2a6f;
--md-sys-color-inverse-primary: #bcc3ff;
--md-sys-color-secondary: #595c7a;
--md-sys-color-on-secondary: #ffffff;
--md-sys-color-secondary-container: #ffdca9;
--md-sys-color-on-secondary-container: #5c4316;
--md-sys-color-tertiary: #566500;
--md-sys-color-secondary-container: #dddfff;
--md-sys-color-on-secondary-container: #424562;
--md-sys-color-tertiary: #86487f;
--md-sys-color-on-tertiary: #ffffff;
--md-sys-color-tertiary-container: #b6ca54;
--md-sys-color-on-tertiary-container: #2d3600;
--md-sys-color-tertiary-container: #f1a6e5;
--md-sys-color-on-tertiary-container: #51184e;
--md-sys-color-error: #ba1a1a;
--md-sys-color-on-error: #ffffff;
--md-sys-color-error-container: #ffdad6;
Expand All @@ -40,39 +40,39 @@
}

:root[data-md-theme='dark'] {
--md-sys-color-background: #18130b;
--md-sys-color-on-background: #ede1d3;
--md-sys-color-surface: #18130b;
--md-sys-color-surface-dim: #18130b;
--md-sys-color-surface-bright: #3f382f;
--md-sys-color-surface-container-lowest: #120d06;
--md-sys-color-surface-container-low: #201b12;
--md-sys-color-surface-container: #251f16;
--md-sys-color-surface-container-high: #2f2920;
--md-sys-color-surface-container-highest: #3b342a;
--md-sys-color-on-surface: #ede1d3;
--md-sys-color-surface-variant: #504534;
--md-sys-color-on-surface-variant: #d5c4ae;
--md-sys-color-inverse-surface: #ede1d3;
--md-sys-color-inverse-on-surface: #362f26;
--md-sys-color-outline: #9d8f7b;
--md-sys-color-outline-variant: #504534;
--md-sys-color-background: #131318;
--md-sys-color-on-background: #e4e1e8;
--md-sys-color-surface: #131318;
--md-sys-color-surface-dim: #131318;
--md-sys-color-surface-bright: #39393e;
--md-sys-color-surface-container-lowest: #0d0e12;
--md-sys-color-surface-container-low: #1b1b20;
--md-sys-color-surface-container: #1f1f24;
--md-sys-color-surface-container-high: #29292f;
--md-sys-color-surface-container-highest: #343439;
--md-sys-color-on-surface: #e4e1e8;
--md-sys-color-surface-variant: #454650;
--md-sys-color-on-surface-variant: #c6c5d2;
--md-sys-color-inverse-surface: #e4e1e8;
--md-sys-color-inverse-on-surface: #303035;
--md-sys-color-outline: #90909c;
--md-sys-color-outline-variant: #454650;
--md-sys-color-shadow: #000000;
--md-sys-color-scrim: #000000;
--md-sys-color-surface-tint: #ffba3e;
--md-sys-color-primary: #ffd28d;
--md-sys-color-on-primary: #432c00;
--md-sys-color-primary-container: #e5a427;
--md-sys-color-on-primary-container: #342100;
--md-sys-color-inverse-primary: #7f5700;
--md-sys-color-secondary: #e6c188;
--md-sys-color-on-secondary: #432c02;
--md-sys-color-secondary-container: #543b0f;
--md-sys-color-on-secondary-container: #f5cf95;
--md-sys-color-tertiary: #cee36a;
--md-sys-color-on-tertiary: #2c3400;
--md-sys-color-tertiary-container: #a5b945;
--md-sys-color-on-tertiary-container: #212800;
--md-sys-color-surface-tint: #bcc3ff;
--md-sys-color-primary: #d4d7ff;
--md-sys-color-on-primary: #1e296e;
--md-sys-color-primary-container: #a1abf9;
--md-sys-color-on-primary-container: #111c63;
--md-sys-color-inverse-primary: #4f59a0;
--md-sys-color-secondary: #c2c4e6;
--md-sys-color-on-secondary: #2b2e4a;
--md-sys-color-secondary-container: #3a3e5a;
--md-sys-color-on-secondary-container: #d0d2f5;
--md-sys-color-tertiary: #ffcaf3;
--md-sys-color-on-tertiary: #51184e;
--md-sys-color-tertiary-container: #e299d6;
--md-sys-color-on-tertiary-container: #450c42;
--md-sys-color-error: #ffb4ab;
--md-sys-color-on-error: #690005;
--md-sys-color-error-container: #93000a;
Expand All @@ -81,7 +81,7 @@
}

:root {
--md-sys-typography-family: 'Google Sans', sans-serif;
--md-sys-typography-family: 'Roboto', sans-serif;

--md-sys-typography-display-large: 400 3.5625rem / 4rem
var(--md-sys-typography-family);
Expand Down

0 comments on commit c9f95f7

Please sign in to comment.