diff --git a/src/_data/tokens.json b/src/_data/tokens.json index 1307f0d..82060ec 100644 --- a/src/_data/tokens.json +++ b/src/_data/tokens.json @@ -1,6 +1,6 @@ { "color": { - "neutral": { + "gray": { "50": "#fafafa", "100": "#f5f5f5", "200": "#e5e5e5", @@ -20,7 +20,6 @@ "300": "#b1c98d", "400": "#95b368", "500": "#77984a", - "DEFAULT": "#77984a", "600": "#5c7838", "700": "#485d2e", "800": "#3b4b29", @@ -34,26 +33,11 @@ "300": "#a4bfd5", "400": "#739ebd", "500": "#4a7798", - "DEFAULT": "#4a7798", "600": "#3e688b", "700": "#335471", "800": "#2d475f", "900": "#2a3e50", "950": "#1c2835" - }, - "jewel": { - "50": "#f3faf4", - "100": "#e3f5e7", - "200": "#c8ead1", - "300": "#9cd9ac", - "400": "#69bf80", - "500": "#45a25e", - "600": "#34854a", - "700": "#2e6f40", - "DEFAULT": "#2e6f40", - "800": "#275434", - "900": "#21462c", - "950": "#0e2515" } }, "font": { diff --git a/src/css/theme.css b/src/css/theme.css index 56cd823..ac199cd 100644 --- a/src/css/theme.css +++ b/src/css/theme.css @@ -1,15 +1,15 @@ :root { - --color-neutral-50: #fafafa; - --color-neutral-100: #f5f5f5; - --color-neutral-200: #e5e5e5; - --color-neutral-300: #d4d4d4; - --color-neutral-400: #a3a3a3; - --color-neutral-500: #737373; - --color-neutral-600: #525252; - --color-neutral-700: #404040; - --color-neutral-800: #262626; - --color-neutral-900: #171717; - --color-neutral-950: #0a0a0a; + --color-gray-50: #fafafa; + --color-gray-100: #f5f5f5; + --color-gray-200: #e5e5e5; + --color-gray-300: #d4d4d4; + --color-gray-400: #a3a3a3; + --color-gray-500: #737373; + --color-gray-600: #525252; + --color-gray-700: #404040; + --color-gray-800: #262626; + --color-gray-900: #171717; + --color-gray-950: #0a0a0a; --color-asparagus-50: #f4f7ee; --color-asparagus-100: #e6eed9; --color-asparagus-200: #d0dfb7; @@ -21,7 +21,6 @@ --color-asparagus-800: #3b4b29; --color-asparagus-900: #344126; --color-asparagus-950: #1a2211; - --color-asparagus: #77984a; --color-wedgewood-50: #f5f7fa; --color-wedgewood-100: #e9eff5; --color-wedgewood-200: #cedde9; @@ -33,19 +32,6 @@ --color-wedgewood-800: #2d475f; --color-wedgewood-900: #2a3e50; --color-wedgewood-950: #1c2835; - --color-wedgewood: #4a7798; - --color-jewel-50: #f3faf4; - --color-jewel-100: #e3f5e7; - --color-jewel-200: #c8ead1; - --color-jewel-300: #9cd9ac; - --color-jewel-400: #69bf80; - --color-jewel-500: #45a25e; - --color-jewel-600: #34854a; - --color-jewel-700: #2e6f40; - --color-jewel-800: #275434; - --color-jewel-900: #21462c; - --color-jewel-950: #0e2515; - --color-jewel: #2e6f40; --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif; --font-size: 1.2rem; --gutter: clamp(1ch, 2.5vmax, 3ch);