Skip to content

Commit db7097f

Browse files
stolinskistolinski
committed
Big updates to update colors and debone the old css
1 parent b9e134b commit db7097f

File tree

75 files changed

+752
-705
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+752
-705
lines changed

‎.stylelintrc.json‎

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,25 @@
33
"overrides": [
44
{
55
"customSyntax": "postcss-html",
6-
"files": ["**/*.svelte"]
6+
"files": ["**/*.svelte"],
7+
"rules": {
8+
"csstools/value-no-unknown-custom-properties": [
9+
true,
10+
{
11+
"ignoreLocallyDefined": true,
12+
"importFrom": [
13+
"src/styles/bass.css",
14+
"src/styles/buttons.css",
15+
"src/styles/layout.css",
16+
"src/styles/reset.css",
17+
"src/styles/theme.css",
18+
"src/styles/typography.css",
19+
"src/styles/utilities.css",
20+
"src/styles/variables.css"
21+
]
22+
}
23+
]
24+
}
725
}
826
],
927
"plugins": [
@@ -18,6 +36,7 @@
1836
"csstools/value-no-unknown-custom-properties": [
1937
true,
2038
{
39+
"ignoreProperties": ["--ideal-font-size", "--max-font-size"],
2140
"importFrom": [
2241
"src/styles/bass.css",
2342
"src/styles/buttons.css",
@@ -47,6 +66,12 @@
4766
"expandShorthand": true,
4867
"ignoreValues": ["inherit", "unset", "initial", "transparent"]
4968
}
69+
],
70+
"selector-pseudo-class-no-unknown": [
71+
true,
72+
{
73+
"ignorePseudoClasses": ["global"]
74+
}
5075
]
5176
}
5277
}

‎.vscode/settings.json‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,16 +19,26 @@
1919
"editor.defaultFormatter": "esbenp.prettier-vscode"
2020
},
2121
"cSpell.words": [
22+
"Aaah",
23+
"consolas",
2224
"Deepgram",
2325
"flushall",
2426
"maxres",
27+
"menlo",
2528
"nohotkeys",
29+
"oklch",
2630
"Oopsie",
2731
"openai",
32+
"pocketcasts",
2833
"popovertarget",
34+
"raah",
35+
"recents",
2936
"shownumber",
3037
"testid",
3138
"Tolinski",
32-
"waait"
39+
"waait",
40+
"wght",
41+
"xtra",
42+
"xxlarge"
3343
]
3444
}

‎package.json‎

Lines changed: 142 additions & 142 deletions
Original file line numberDiff line numberDiff line change
@@ -1,144 +1,144 @@
11
{
2-
"name": "syntax",
3-
"version": "3.0.0",
4-
"private": true,
5-
"scripts": {
6-
"dev": "node ./scripts/preheat.js",
7-
"preheat": "node ./scripts/preheat.js --env-only",
8-
"vite-dev": "vite dev",
9-
"copy-files": "zx ./why_do_i_need_this.mjs",
10-
"build": "run-s --print-name build:svelte copy-files",
11-
"build:svelte": "vite build",
12-
"preview": "vite preview",
13-
"test": "svelte-kit sync && playwright test",
14-
"test:ui": "svelte-kit sync && playwright test --ui",
15-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
16-
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
17-
"test:unit": "svelte-kit sync && vitest",
18-
"eslint": "eslint .",
19-
"lint": "prettier --plugin-search-dir . --check . && eslint . && pnpm stylelint",
20-
"format": "prettier --plugin-search-dir . --write .",
21-
"site:update": "pnpm update -i -L",
22-
"db:studio": "prisma studio",
23-
"db:generate": "prisma generate",
24-
"db:push": "prisma db push",
25-
"db:seed": "prisma db seed",
26-
"i-changed-the-schema": "pnpm run db:push && pnpm run db:generate",
27-
"postinstall": "pnpm db:generate && pnpm exec playwright install",
28-
"stylelint": "NODE_OPTIONS=--no-deprecation stylelint \"**/*.css\"",
29-
"storybook": "storybook dev -p 6006",
30-
"build-storybook": "storybook build"
31-
},
32-
"devDependencies": {
33-
"@codecov/sveltekit-plugin": "1.9.1",
34-
"@eslint/compat": "^1.3.2",
35-
"@eslint/eslintrc": "^3.3.1",
36-
"@eslint/js": "^9.33.0",
37-
"@playwright/test": "^1.54.2",
38-
"@spiriit/vite-plugin-svg-spritemap": "^5.0.0",
39-
"@storybook/addon-docs": "^9.1.2",
40-
"@storybook/addon-queryparams": "^7.0.1",
41-
"@storybook/addon-svelte-csf": "^5.0.7",
42-
"@storybook/sveltekit": "^9.1.2",
43-
"@sveltejs/kit": "^2.27.3",
44-
"@sveltejs/vite-plugin-svelte": "^6.1.1",
45-
"@types/chroma-js": "^3.1.1",
46-
"@types/js-cookie": "^3.0.6",
47-
"@types/node": "^24.2.1",
48-
"@types/speakingurl": "^13.0.6",
49-
"@typescript-eslint/eslint-plugin": "^8.39.0",
50-
"@typescript-eslint/parser": "^8.39.0",
51-
"dotenv": "^17.2.1",
52-
"eslint": "^9.33.0",
53-
"eslint-config-prettier": "^10.1.8",
54-
"eslint-plugin-storybook": "^9.1.2",
55-
"eslint-plugin-svelte": "^3.11.0",
56-
"globals": "^16.3.0",
57-
"mysql2": "^3.14.3",
58-
"postcss": "^8.5.6",
59-
"postcss-custom-media": "^11.0.6",
60-
"postcss-html": "^1.8.0",
61-
"postcss-import": "^16.1.1",
62-
"postcss-import-ext-glob": "^2.1.1",
63-
"postcss-load-config": "^6.0.1",
64-
"postcss-preset-env": "^10.2.4",
65-
"prettier": "^3.6.2",
66-
"prettier-plugin-svelte": "^3.4.0",
67-
"prisma": "6.13.0",
68-
"semver": "^7.7.2",
69-
"storybook": "^9.1.2",
70-
"stylelint": "^16.23.1",
71-
"stylelint-config-standard": "^39.0.0",
72-
"stylelint-declaration-strict-value": "^1.10.11",
73-
"stylelint-media-use-custom-media": "^4.0.0",
74-
"stylelint-no-undefined-classes": "^0.2.0",
75-
"stylelint-value-no-unknown-custom-properties": "^6.0.1",
76-
"svelte": "^5.38.0",
77-
"svelte-check": "^4.3.1",
78-
"svelte-preprocess": "^6.0.3",
79-
"tslib": "^2.8.1",
80-
"typescript": "^5.9.2",
81-
"vite": "^7.1.1",
82-
"vitest": "^3.2.4"
83-
},
84-
"type": "module",
85-
"engines": {
86-
"node": ">=18.13 || ^20",
87-
"pnpm": ">=8"
88-
},
89-
"dependencies": {
90-
"@anthropic-ai/sdk": "^0.6.8",
91-
"@deepgram/sdk": "^2.4.0",
92-
"@ffmpeg.wasm/core-mt": "0.13.2",
93-
"@ffmpeg.wasm/main": "^0.13.1",
94-
"@leveluptuts/svelte-side-menu": "^1.1.0",
95-
"@oddbird/popover-polyfill": "^0.6.1",
96-
"@prisma/client": "6.13.0",
97-
"@sentry/profiling-node": "^10.3.0",
98-
"@sentry/sveltekit": "^10.3.0",
99-
"@sparticuz/chromium": "132.0.0",
100-
"@svelte-put/shortcut": "^4.1.0",
101-
"@sveltejs/adapter-vercel": "^5.8.2",
102-
"@types/core-js": "^2.5.8",
103-
"@upstash/redis": "^1.35.3",
104-
"chroma-js": "^3.1.2",
105-
"core-js": "^3.45.0",
106-
"date-fns": "^4.1.0",
107-
"dotenv-expand": "^12.0.2",
108-
"flexsearch": "^0.8.205",
109-
"gpt-3-encoder": "^1.1.4",
110-
"gray-matter": "^4.0.3",
111-
"js-cookie": "^3.0.5",
112-
"linkedom": "^0.18.11",
113-
"media-chrome": "^4.12.0",
114-
"npm-run-all2": "^8.0.4",
115-
"openai": "^4.93.0",
116-
"p-map": "^7.0.3",
117-
"puppeteer-core": "24.6.1",
118-
"rehype-autolink-headings": "^7.1.0",
119-
"rehype-highlight": "^7.0.2",
120-
"rehype-raw": "^7.0.0",
121-
"rehype-stringify": "^10.0.1",
122-
"remark-gfm": "^4.0.1",
123-
"remark-heading-id": "^1.0.1",
124-
"remark-parse": "^11.0.0",
125-
"remark-rehype": "^11.1.2",
126-
"sk-form-data": "^2.0.2",
127-
"speakingurl": "^14.0.1",
128-
"svelte-french-toast": "1.2.0",
129-
"svelte-local-storage-store": "^0.6.4",
130-
"svelte-turnstile": "^0.11.0",
131-
"sveltekit-search-params": "^3.0.0",
132-
"ts-node": "^10.9.2",
133-
"unified": "^11.0.5",
134-
"waait": "^1.0.5",
135-
"youtube-video-element": "^1.6.2",
136-
"zod": "^4.0.16",
137-
"zx": "^8.8.0"
138-
},
139-
"eslintConfig": {
140-
"extends": [
141-
"plugin:storybook/recommended"
142-
]
143-
}
2+
"name": "syntax",
3+
"version": "3.0.0",
4+
"private": true,
5+
"scripts": {
6+
"dev": "node ./scripts/preheat.js",
7+
"preheat": "node ./scripts/preheat.js --env-only",
8+
"vite-dev": "vite dev",
9+
"copy-files": "zx ./why_do_i_need_this.mjs",
10+
"build": "run-s --print-name build:svelte copy-files",
11+
"build:svelte": "vite build",
12+
"preview": "vite preview",
13+
"test": "svelte-kit sync && playwright test",
14+
"test:ui": "svelte-kit sync && playwright test --ui",
15+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
16+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
17+
"test:unit": "svelte-kit sync && vitest",
18+
"eslint": "eslint .",
19+
"lint": "prettier --plugin-search-dir . --check . && eslint . && pnpm stylelint",
20+
"format": "prettier --plugin-search-dir . --write .",
21+
"site:update": "pnpm update -i -L",
22+
"db:studio": "prisma studio",
23+
"db:generate": "prisma generate",
24+
"db:push": "prisma db push",
25+
"db:seed": "prisma db seed",
26+
"i-changed-the-schema": "pnpm run db:push && pnpm run db:generate",
27+
"postinstall": "pnpm db:generate && pnpm exec playwright install",
28+
"stylelint": "NODE_OPTIONS=--no-deprecation stylelint \"**/*.{css,svelte}\"",
29+
"storybook": "storybook dev -p 6006",
30+
"build-storybook": "storybook build"
31+
},
32+
"devDependencies": {
33+
"@codecov/sveltekit-plugin": "1.9.1",
34+
"@eslint/compat": "^1.3.2",
35+
"@eslint/eslintrc": "^3.3.1",
36+
"@eslint/js": "^9.33.0",
37+
"@playwright/test": "^1.54.2",
38+
"@spiriit/vite-plugin-svg-spritemap": "^5.0.0",
39+
"@storybook/addon-docs": "^9.1.2",
40+
"@storybook/addon-queryparams": "^7.0.1",
41+
"@storybook/addon-svelte-csf": "^5.0.7",
42+
"@storybook/sveltekit": "^9.1.2",
43+
"@sveltejs/kit": "^2.27.3",
44+
"@sveltejs/vite-plugin-svelte": "^6.1.1",
45+
"@types/chroma-js": "^3.1.1",
46+
"@types/js-cookie": "^3.0.6",
47+
"@types/node": "^24.2.1",
48+
"@types/speakingurl": "^13.0.6",
49+
"@typescript-eslint/eslint-plugin": "^8.39.0",
50+
"@typescript-eslint/parser": "^8.39.0",
51+
"dotenv": "^17.2.1",
52+
"eslint": "^9.33.0",
53+
"eslint-config-prettier": "^10.1.8",
54+
"eslint-plugin-storybook": "^9.1.2",
55+
"eslint-plugin-svelte": "^3.11.0",
56+
"globals": "^16.3.0",
57+
"mysql2": "^3.14.3",
58+
"postcss": "^8.5.6",
59+
"postcss-custom-media": "^11.0.6",
60+
"postcss-html": "^1.8.0",
61+
"postcss-import": "^16.1.1",
62+
"postcss-import-ext-glob": "^2.1.1",
63+
"postcss-load-config": "^6.0.1",
64+
"postcss-preset-env": "^10.2.4",
65+
"prettier": "^3.6.2",
66+
"prettier-plugin-svelte": "^3.4.0",
67+
"prisma": "6.13.0",
68+
"semver": "^7.7.2",
69+
"storybook": "^9.1.2",
70+
"stylelint": "^16.23.1",
71+
"stylelint-config-standard": "^39.0.0",
72+
"stylelint-declaration-strict-value": "^1.10.11",
73+
"stylelint-media-use-custom-media": "^4.0.0",
74+
"stylelint-no-undefined-classes": "^0.2.0",
75+
"stylelint-value-no-unknown-custom-properties": "^6.0.1",
76+
"svelte": "^5.38.0",
77+
"svelte-check": "^4.3.1",
78+
"svelte-preprocess": "^6.0.3",
79+
"tslib": "^2.8.1",
80+
"typescript": "^5.9.2",
81+
"vite": "^7.1.1",
82+
"vitest": "^3.2.4"
83+
},
84+
"type": "module",
85+
"engines": {
86+
"node": ">=18.13 || ^20",
87+
"pnpm": ">=8"
88+
},
89+
"dependencies": {
90+
"@anthropic-ai/sdk": "^0.6.8",
91+
"@deepgram/sdk": "^2.4.0",
92+
"@ffmpeg.wasm/core-mt": "0.13.2",
93+
"@ffmpeg.wasm/main": "^0.13.1",
94+
"@leveluptuts/svelte-side-menu": "^1.1.0",
95+
"@oddbird/popover-polyfill": "^0.6.1",
96+
"@prisma/client": "6.13.0",
97+
"@sentry/profiling-node": "^10.3.0",
98+
"@sentry/sveltekit": "^10.3.0",
99+
"@sparticuz/chromium": "132.0.0",
100+
"@svelte-put/shortcut": "^4.1.0",
101+
"@sveltejs/adapter-vercel": "^5.8.2",
102+
"@types/core-js": "^2.5.8",
103+
"@upstash/redis": "^1.35.3",
104+
"chroma-js": "^3.1.2",
105+
"core-js": "^3.45.0",
106+
"date-fns": "^4.1.0",
107+
"dotenv-expand": "^12.0.2",
108+
"flexsearch": "^0.8.205",
109+
"gpt-3-encoder": "^1.1.4",
110+
"gray-matter": "^4.0.3",
111+
"js-cookie": "^3.0.5",
112+
"linkedom": "^0.18.11",
113+
"media-chrome": "^4.12.0",
114+
"npm-run-all2": "^8.0.4",
115+
"openai": "^4.93.0",
116+
"p-map": "^7.0.3",
117+
"puppeteer-core": "24.6.1",
118+
"rehype-autolink-headings": "^7.1.0",
119+
"rehype-highlight": "^7.0.2",
120+
"rehype-raw": "^7.0.0",
121+
"rehype-stringify": "^10.0.1",
122+
"remark-gfm": "^4.0.1",
123+
"remark-heading-id": "^1.0.1",
124+
"remark-parse": "^11.0.0",
125+
"remark-rehype": "^11.1.2",
126+
"sk-form-data": "^2.0.2",
127+
"speakingurl": "^14.0.1",
128+
"svelte-french-toast": "1.2.0",
129+
"svelte-local-storage-store": "^0.6.4",
130+
"svelte-turnstile": "^0.11.0",
131+
"sveltekit-search-params": "^3.0.0",
132+
"ts-node": "^10.9.2",
133+
"unified": "^11.0.5",
134+
"waait": "^1.0.5",
135+
"youtube-video-element": "^1.6.2",
136+
"zod": "^4.0.16",
137+
"zx": "^8.8.0"
138+
},
139+
"eslintConfig": {
140+
"extends": [
141+
"plugin:storybook/recommended"
142+
]
143+
}
144144
}

‎src/icons/Icons.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@
3030
}
3131
3232
.icon-name {
33-
font-size: var(--fs-caption);
33+
font-size: var(--fs-2);
3434
color: var(--c-fg);
3535
text-align: center;
3636
}

‎src/lib/AdminSearch.svelte‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
border: var(--border);
1616
padding: 10px;
1717
font-size: var(--font-size-base);
18-
color: var(--fg);
19-
border-radius: var(--brad);
18+
color: var(--c-fg);
19+
border-radius: var(--br-medium);
2020
}
2121
</style>

‎src/lib/ComponentWindow.svelte‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<div class="content">
2727
<Component />
2828
</div>
29-
<div class="full zone" style:--bg="var(--black)" style:--fg="var(--white)">
29+
<div class="full zone" style:--c-bg="var(--c-black)" style:--c-fg="var(--c-white)">
3030
<Component />
3131
</div>
3232
</div>
@@ -36,6 +36,7 @@
3636
resize: both;
3737
overflow: auto;
3838
border: var(--border);
39+
3940
> span {
4041
position: absolute;
4142
}

0 commit comments

Comments
 (0)