Skip to content

Commit d35c709

Browse files
TabulateJarl8TabulateJarl8
committed
rewrite frontend styling to catppuccin mocha
also redid the layout to be a bit more compact and reasonable. Closes #27
1 parent e5b011f commit d35c709

19 files changed

Lines changed: 1389 additions & 986 deletions

‎.gitignore‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,6 @@ coverage
1515
*.local
1616

1717
# Editor directories and files
18-
.vscode/*
19-
!.vscode/extensions.json
2018
.idea
2119
*.suo
2220
*.ntvs*

‎.vscode/extensions.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
"EditorConfig.EditorConfig",
77
"oxc.oxc-vscode",
88
"esbenp.prettier-vscode",
9-
"bradlc.vscode-tailwindcss"
9+
"bradlc.vscode-tailwindcss",
10+
"antfu.iconify"
1011
]
1112
}

‎.vscode/settings.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"explorer.fileNesting.enabled": true,
3+
"explorer.fileNesting.patterns": {
4+
"tsconfig.json": "tsconfig.*.json, env.d.ts, components.d.ts",
5+
"vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
6+
"package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .oxfmt*, .prettier*, prettier*, .editorconfig"
7+
},
8+
"editor.codeActionsOnSave": {
9+
"source.fixAll": "explicit"
10+
},
11+
"editor.formatOnSave": true,
12+
"editor.defaultFormatter": "esbenp.prettier-vscode",
13+
"css.customData": [".vscode/tailwind.json"]
14+
}

‎.vscode/tailwind.json‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
{
2+
"version": 4.0,
3+
"atDirectives": [
4+
{
5+
"name": "@theme",
6+
"description": "Use the `@theme` directive to define your project's custom design tokens, like fonts, colors, and breakpoints.",
7+
"references": [
8+
{
9+
"name": "Tailwind Documentation",
10+
"url": "https://tailwindcss.com/docs/functions-and-directives#theme-directive"
11+
}
12+
]
13+
},
14+
{
15+
"name": "@source",
16+
"description": "Use the `@source` directive to explicitly specify source files that aren't picked up by Tailwind's automatic content detection.",
17+
"references": [
18+
{
19+
"name": "Tailwind Documentation",
20+
"url": "https://tailwindcss.com/docs/functions-and-directives#source-directive"
21+
}
22+
]
23+
},
24+
{
25+
"name": "@utility",
26+
"description": "Use the `@utility` directive to add custom utilities to your project that work with variants like `hover`, `focus` and `lg`.",
27+
"references": [
28+
{
29+
"name": "Tailwind Documentation",
30+
"url": "https://tailwindcss.com/docs/functions-and-directives#utility-directive"
31+
}
32+
]
33+
},
34+
{
35+
"name": "@variant",
36+
"description": "Use the `@variant` directive to apply a Tailwind variant to styles in your CSS.",
37+
"references": [
38+
{
39+
"name": "Tailwind Documentation",
40+
"url": "https://tailwindcss.com/docs/functions-and-directives#variant-directive"
41+
}
42+
]
43+
},
44+
{
45+
"name": "@custom-variant",
46+
"description": "Use the `@custom-variant` directive to add a custom variant in your project.",
47+
"references": [
48+
{
49+
"name": "Tailwind Documentation",
50+
"url": "https://tailwindcss.com/docs/functions-and-directives#custom-variant-directive"
51+
}
52+
]
53+
},
54+
{
55+
"name": "@apply",
56+
"description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS.",
57+
"references": [
58+
{
59+
"name": "Tailwind Documentation",
60+
"url": "https://tailwindcss.com/docs/functions-and-directives#apply-directive"
61+
}
62+
]
63+
},
64+
{
65+
"name": "@reference",
66+
"description": "If you want to use `@apply` or `@variant` in the `<style>` block of a Vue or Svelte component, or within CSS modules, you will need to import your theme variables, custom utilities, and custom variants to make those values available in that context.\n\nTo do this without duplicating any CSS in your output, use the `@reference` directive to import your main stylesheet for reference without actually including the styles.",
67+
"references": [
68+
{
69+
"name": "Tailwind Documentation",
70+
"url": "https://tailwindcss.com/docs/functions-and-directives#reference-directive"
71+
}
72+
]
73+
},
74+
{
75+
"name": "@config",
76+
"description": "Use the `@config` directive to load a legacy JavaScript-based configuration file.",
77+
"references": [
78+
{
79+
"name": "Tailwind Documentation",
80+
"url": "https://tailwindcss.com/docs/functions-and-directives#config-directive"
81+
}
82+
]
83+
},
84+
{
85+
"name": "@plugin",
86+
"description": "Use the `@plugin` directive to load a legacy JavaScript-based plugin.",
87+
"references": [
88+
{
89+
"name": "Tailwind Documentation",
90+
"url": "https://tailwindcss.com/docs/functions-and-directives#plugin-directive"
91+
}
92+
]
93+
}
94+
]
95+
}

‎components.d.ts‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
/* eslint-disable */
2+
// @ts-nocheck
3+
// biome-ignore lint: disable
4+
// oxlint-disable
5+
// ------
6+
// Generated by unplugin-vue-components
7+
// Read more: https://github.com/vuejs/core/pull/3399
8+
9+
export {}
10+
11+
/* prettier-ignore */
12+
declare module 'vue' {
13+
export interface GlobalComponents {
14+
CheckboxOption: typeof import('./src/components/options/CheckboxOption.vue')['default']
15+
ConfigSidebar: typeof import('./src/components/ConfigSidebar.vue')['default']
16+
DropdownOption: typeof import('./src/components/options/DropdownOption.vue')['default']
17+
IHeroiconsArrowDownTray20Solid: typeof import('~icons/heroicons/arrow-down-tray20-solid')['default']
18+
IHeroiconsBars3Solid: typeof import('~icons/heroicons/bars3-solid')['default']
19+
IHeroiconsCheck20Solid: typeof import('~icons/heroicons/check20-solid')['default']
20+
IHeroiconsExclamationCircle: typeof import('~icons/heroicons/exclamation-circle')['default']
21+
IHeroiconsExclamationTriangle: typeof import('~icons/heroicons/exclamation-triangle')['default']
22+
IHeroiconsInformationCircle: typeof import('~icons/heroicons/information-circle')['default']
23+
IHeroiconsLink20Solid: typeof import('~icons/heroicons/link20-solid')['default']
24+
IHeroiconsMagnifyingGlass20Solid: typeof import('~icons/heroicons/magnifying-glass20-solid')['default']
25+
IHeroiconsXCircle: typeof import('~icons/heroicons/x-circle')['default']
26+
IHeroiconsXMark: typeof import('~icons/heroicons/x-mark')['default']
27+
ISimpleIconsGithub: typeof import('~icons/simple-icons/github')['default']
28+
NumberOption: typeof import('./src/components/options/NumberOption.vue')['default']
29+
PluginOptionsCard: typeof import('./src/components/PluginOptionsCard.vue')['default']
30+
ProjectDescription: typeof import('./src/components/ProjectDescription.vue')['default']
31+
RadioOption: typeof import('./src/components/options/RadioOption.vue')['default']
32+
ScriptPreview: typeof import('./src/components/ScriptPreview.vue')['default']
33+
TextOption: typeof import('./src/components/options/TextOption.vue')['default']
34+
}
35+
}

‎package.json‎

Lines changed: 23 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "velour",
3-
"version": "1.0.0-beta.3",
3+
"version": "1.0.0-beta.4",
44
"private": true,
55
"type": "module",
66
"scripts": {
@@ -22,29 +22,31 @@
2222
"gen:plugin": "tsx --tsconfig tsconfig.app.json scripts/generate-plugin.ts"
2323
},
2424
"dependencies": {
25-
"@shikijs/langs": "^4.2.0",
26-
"@shikijs/themes": "^4.2.0",
27-
"shiki": "^4.2.0",
28-
"vue": "^3.5.38"
25+
"@shikijs/langs": "^4.3.1",
26+
"@shikijs/themes": "^4.3.1",
27+
"shiki": "^4.3.1",
28+
"vue": "^3.5.39"
2929
},
3030
"devDependencies": {
31+
"@iconify-json/heroicons": "^1.2.3",
32+
"@iconify-json/simple-icons": "^1.2.90",
3133
"@inquirer/prompts": "^8.5.2",
32-
"@tailwindcss/vite": "^4.3.1",
34+
"@tailwindcss/vite": "^4.3.2",
3335
"@tsconfig/node24": "^24.0.4",
3436
"@types/jsdom": "^28.0.3",
35-
"@types/node": "^25.9.4",
37+
"@types/node": "^25.9.5",
3638
"@vitejs/plugin-vue": "^6.0.7",
37-
"@vitest/coverage-v8": "^4.1.9",
38-
"@vitest/eslint-plugin": "^1.6.20",
39+
"@vitest/coverage-v8": "^4.1.10",
40+
"@vitest/eslint-plugin": "^1.6.23",
3941
"@vue/eslint-config-typescript": "^14.9.0",
4042
"@vue/test-utils": "^2.4.11",
4143
"@vue/tsconfig": "^0.9.1",
42-
"autoprefixer": "^10.5.1",
44+
"autoprefixer": "^10.5.2",
4345
"commander": "^15.0.0",
44-
"daisyui": "^5.5.23",
45-
"eslint": "^10.5.0",
46+
"daisyui": "^5.6.18",
47+
"eslint": "^10.7.0",
4648
"eslint-config-prettier": "^10.1.8",
47-
"eslint-plugin-jsdoc": "^63.0.7",
49+
"eslint-plugin-jsdoc": "^63.0.13",
4850
"eslint-plugin-oxlint": "~1.67.0",
4951
"eslint-plugin-vue": "~10.9.2",
5052
"jiti": "^2.7.0",
@@ -54,13 +56,15 @@
5456
"prettier": "3.8.3",
5557
"prettier-plugin-jsdoc": "^1.8.1",
5658
"shellcheck": "^4.1.0",
57-
"tailwindcss": "^4.3.1",
58-
"tsx": "^4.22.4",
59+
"tailwindcss": "^4.3.2",
60+
"tsx": "^4.23.1",
5961
"typescript": "~6.0.3",
60-
"vite": "^8.1.0",
61-
"vite-plugin-vue-devtools": "^8.1.3",
62-
"vitest": "^4.1.9",
63-
"vue-tsc": "^3.3.5"
62+
"unplugin-icons": "^23.0.1",
63+
"unplugin-vue-components": "^32.1.0",
64+
"vite": "^8.1.4",
65+
"vite-plugin-vue-devtools": "^8.1.5",
66+
"vitest": "^4.1.10",
67+
"vue-tsc": "^3.3.7"
6468
},
6569
"engines": {
6670
"node": "^20.19.0 || >=22.12.0"

0 commit comments

Comments
 (0)