diff --git a/README.md b/README.md index 1f37ef00f..426b2128d 100644 --- a/README.md +++ b/README.md @@ -23,10 +23,16 @@ Design, architecture, ALM, frontend, backend, testing, regression, utilities, an The below components are a majority of the product stack. Thorough details may be found on the wiki [technology page](https://github.com/dgrebb/dgrebb.com/wiki/technology). +- AWS - Strapi - Svelte/SvelteKit +- GitHub - Terraform/OpenTF -- AWS +- Docker +- Plausible Analytics +- Sentry.io +- StackOverflow +- Discord (Svelte, Strapi, NextJS) ## Features diff --git a/front/src/lib/styles/base/colors-dark.css b/front/src/lib/styles/base/colors-dark.css index 08bcb0dc8..8107027a9 100644 --- a/front/src/lib/styles/base/colors-dark.css +++ b/front/src/lib/styles/base/colors-dark.css @@ -1,10 +1,9 @@ :root { --moon: #d4cdc5ff; + --moonshine: #d4cdc51f; --light: #fce2b2ff; --light-5: #fce2b20c; --light-10: #fce2b219; - --light-33: #fce2b259; - --light-50: #fce2b27f; --turkey-red: #a60800ff; --blistre: #2e1e0fff; --celestial: #e3f6ffff; diff --git a/front/src/lib/styles/base/colors-light.css b/front/src/lib/styles/base/colors-light.css index 2f8f89fd2..3960ac396 100644 --- a/front/src/lib/styles/base/colors-light.css +++ b/front/src/lib/styles/base/colors-light.css @@ -1,6 +1,9 @@ :root { --sun: #fadd82ff; + --sunshine: #fadd821f; + --sun-a35: #fadd8259; --lemon: #f1f0ccff; + --lemon-50: #fdfdeeff; --jasper: #cd533bff; --orange: #f6aa1cff; --sand: #fc9f5bff; @@ -8,4 +11,5 @@ --blue: #4062bbff; --violet: #0b0033ff; --blacktop: #18020cff; + --shadow-clr: 0deg, 79%, 0%; } diff --git a/front/src/lib/styles/base/theme.css b/front/src/lib/styles/base/theme.css index b8cfc6ffd..d03f53f4c 100644 --- a/front/src/lib/styles/base/theme.css +++ b/front/src/lib/styles/base/theme.css @@ -2,6 +2,23 @@ @import './colors-light.css'; :root { + /* https://www.joshwcomeau.com/shadow-palette/ */ + --shadow-elevation-low: -0.8px 0.8px 1.3px hsl(var(--shadow-color) / 0.34), + -1.3px 1.4px 2.1px -1.2px hsl(var(--shadow-color) / 0.34), + -3.2px 3.3px 5.2px -2.5px hsl(var(--shadow-color) / 0.34); + --shadow-elevation-medium: -0.8px 0.8px 1.3px hsl(var(--shadow-color) / 0.36), + -2.7px 2.7px 4.3px -0.8px hsl(var(--shadow-color) / 0.36), + -6.6px 6.8px 10.7px -1.7px hsl(var(--shadow-color) / 0.36), + -16.2px 16.6px 26.1px -2.5px hsl(var(--shadow-color) / 0.36); + --shadow-elevation-high: -0.8px 0.8px 1.3px hsl(var(--shadow-color) / 0.34), + -4.7px 4.8px 7.6px -0.4px hsl(var(--shadow-color) / 0.34), + -8.8px 9px 14.2px -0.7px hsl(var(--shadow-color) / 0.34), + -14.5px 14.9px 23.4px -1.1px hsl(var(--shadow-color) / 0.34), + -23.1px 23.7px 37.2px -1.4px hsl(var(--shadow-color) / 0.34), + -36.1px 37.1px 58.2px -1.8px hsl(var(--shadow-color) / 0.34), + -54.9px 56.4px 88.5px -2.1px hsl(var(--shadow-color) / 0.34), + -80.8px 83.1px 130.4px -2.5px hsl(var(--shadow-color) / 0.34); + --clr-neut-50: #f6f6f6; --clr-neut-100: #ececec; --clr-neut-200: #dedede;