Skip to content

Commit 2283fa0

Browse files
committed
Refresh project visuals and branding
1 parent ae929ff commit 2283fa0

32 files changed

Lines changed: 2778 additions & 618 deletions
40.9 KB
Loading
12.3 KB
Loading
20.6 KB
Loading
37.5 KB
Loading
20.2 KB
Loading
13.5 KB
Loading
12.6 KB
Loading
16.9 KB
Loading

src/assets/styles/tailwind.css

Lines changed: 80 additions & 85 deletions
Large diffs are not rendered by default.

src/components/CustomStyles.astro

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -6,60 +6,60 @@ import '@fontsource-variable/manrope';
66
<style is:inline>
77
:root {
88
/* Font Families */
9-
--aw-font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
9+
--aw-font-sans: 'Manrope Variable', ui-sans-serif, system-ui, sans-serif;
1010
--aw-font-serif: 'Noto Serif SC', 'Source Han Serif SC', serif;
1111
--aw-font-heading: 'Manrope Variable', ui-sans-serif, system-ui, sans-serif;
1212

13-
/* Brand Colors - Upstream Labs Palette */
14-
--aw-color-primary: rgb(43 116 255); /* Azure Blue #2B74FF */
15-
--aw-color-secondary: rgb(0 200 150); /* Aqua Teal #00C896 */
16-
--aw-color-accent: rgb(255 198 64); /* Osmanthus Gold #FFC640 */
13+
/* Brand Colors - refreshed Upstream palette */
14+
--aw-color-primary: rgb(37 99 235); /* Cobalt #2563EB */
15+
--aw-color-secondary: rgb(15 183 154); /* Mint teal #0FB79A */
16+
--aw-color-accent: rgb(255 138 76); /* Apricot #FF8A4C */
1717

1818
/* Text Colors */
19-
--aw-color-text-heading: rgb(28 29 36); /* Ink Black */
20-
--aw-color-text-default: rgb(28 29 36);
21-
--aw-color-text-muted: rgb(28 29 36 / 66%);
19+
--aw-color-text-heading: rgb(15 23 42);
20+
--aw-color-text-default: rgb(22 31 53);
21+
--aw-color-text-muted: rgb(56 72 98 / 72%);
2222

2323
/* Background Colors */
24-
--aw-color-bg-page: rgb(255 255 255);
25-
--aw-color-bg-page-dark: rgb(28 29 36); /* Ink Black */
24+
--aw-color-bg-page: rgb(245 247 252);
25+
--aw-color-bg-page-dark: rgb(7 17 31);
2626

2727
/* Gradient Color Stops */
28-
--aw-gradient-start: rgb(43 116 255); /* Azure */
29-
--aw-gradient-mid: rgb(0 200 150); /* Aqua */
30-
--aw-gradient-end: rgb(255 198 64); /* Gold */
28+
--aw-gradient-start: rgb(37 99 235);
29+
--aw-gradient-mid: rgb(15 183 154);
30+
--aw-gradient-end: rgb(255 138 76);
3131

3232
::selection {
33-
background-color: rgb(43 116 255 / 30%);
33+
background-color: rgb(37 99 235 / 24%);
3434
}
3535
}
3636

3737
.dark {
3838
/* Font Families (same in dark mode) */
39-
--aw-font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
39+
--aw-font-sans: 'Manrope Variable', ui-sans-serif, system-ui, sans-serif;
4040
--aw-font-serif: 'Noto Serif SC', 'Source Han Serif SC', serif;
4141
--aw-font-heading: 'Manrope Variable', ui-sans-serif, system-ui, sans-serif;
4242

43-
/* Adjusted colors for dark mode (slightly brighter) */
44-
--aw-color-primary: rgb(77 142 255); /* Lighter Azure */
45-
--aw-color-secondary: rgb(0 220 170); /* Brighter Aqua */
46-
--aw-color-accent: rgb(255 210 90); /* Brighter Gold */
43+
/* Dark mode palette */
44+
--aw-color-primary: rgb(96 165 250);
45+
--aw-color-secondary: rgb(52 211 153);
46+
--aw-color-accent: rgb(253 186 116);
4747

4848
/* Text Colors for dark mode */
49-
--aw-color-text-heading: rgb(247 248 248);
50-
--aw-color-text-default: rgb(229 236 246);
51-
--aw-color-text-muted: rgb(229 236 246 / 66%);
49+
--aw-color-text-heading: rgb(241 245 249);
50+
--aw-color-text-default: rgb(226 232 240);
51+
--aw-color-text-muted: rgb(203 213 225 / 72%);
5252

5353
/* Background Colors */
54-
--aw-color-bg-page: rgb(28 29 36); /* Ink Black */
54+
--aw-color-bg-page: rgb(7 17 31);
5555

56-
/* Gradient Color Stops (brighter for dark mode) */
57-
--aw-gradient-start: rgb(77 142 255);
58-
--aw-gradient-mid: rgb(0 220 170);
59-
--aw-gradient-end: rgb(255 210 90);
56+
/* Gradient Color Stops */
57+
--aw-gradient-start: rgb(96 165 250);
58+
--aw-gradient-mid: rgb(52 211 153);
59+
--aw-gradient-end: rgb(253 186 116);
6060

6161
::selection {
62-
background-color: rgb(77 142 255 / 40%);
62+
background-color: rgb(96 165 250 / 32%);
6363
color: snow;
6464
}
6565
}

0 commit comments

Comments
 (0)