mirror of
https://github.com/coder/coder.git
synced 2025-03-14 10:09:57 +00:00
d4131badb6
resolves coder/internal#176 This is a proof of concept to showcase the use of Tailwind + shadcn/ui. The goal here was to implement a lower complexity page to reduce the initial risk and highlight the specific global changes needed. Changes: - Create a separate version of Premium features content for Enterprise and OSS users - Use shadcn/ui button component and setup styling and variants to match the buttons defined in the Coder Kit Figma. https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=3-1756 - Setup theming using CSS variables and custom Tailwind colors by using the dark class name on the root element. - CSS variable design token naming and colors defined in Figma. https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=1-2 <img width="1199" alt="Screenshot 2024-11-01 at 12 46 03 PM" src="https://github.com/user-attachments/assets/a251450f-8447-405a-9cc4-9f6aad9cd19f"> <img width="1197" alt="Screenshot 2024-11-01 at 12 45 36 PM" src="https://github.com/user-attachments/assets/e78a5a40-cbdf-4d85-9ffe-873505800fcc">
62 lines
1.8 KiB
JSON
62 lines
1.8 KiB
JSON
{
|
|
"emeraldwalk.runonsave": {
|
|
"commands": [
|
|
{
|
|
"match": "database/queries/*.sql",
|
|
"cmd": "make gen"
|
|
},
|
|
{
|
|
"match": "provisionerd/proto/provisionerd.proto",
|
|
"cmd": "make provisionerd/proto/provisionerd.pb.go"
|
|
}
|
|
]
|
|
},
|
|
"search.exclude": {
|
|
"**.pb.go": true,
|
|
"**/*.gen.json": true,
|
|
"**/testdata/*": true,
|
|
"coderd/apidoc/**": true,
|
|
"docs/reference/api/*.md": true,
|
|
"docs/reference/cli/*.md": true,
|
|
"docs/templates/*.md": true,
|
|
"LICENSE": true,
|
|
"scripts/metricsdocgen/metrics": true,
|
|
"site/out/**": true,
|
|
"site/storybook-static/**": true,
|
|
"**.map": true,
|
|
"pnpm-lock.yaml": true
|
|
},
|
|
// Ensure files always have a newline.
|
|
"files.insertFinalNewline": true,
|
|
"go.lintTool": "golangci-lint",
|
|
"go.lintFlags": ["--fast"],
|
|
"go.coverageDecorator": {
|
|
"type": "gutter",
|
|
"coveredGutterStyle": "blockgreen",
|
|
"uncoveredGutterStyle": "blockred"
|
|
},
|
|
// The codersdk is used by coderd another other packages extensively.
|
|
// To reduce redundancy in tests, it's covered by other packages.
|
|
// Since package coverage pairing can't be defined, all packages cover
|
|
// all other packages.
|
|
"go.testFlags": ["-short", "-coverpkg=./..."],
|
|
// We often use a version of TypeScript that's ahead of the version shipped
|
|
// with VS Code.
|
|
"typescript.tsdk": "./site/node_modules/typescript/lib",
|
|
// Playwright tests in VSCode will open a browser to live "view" the test.
|
|
"playwright.reuseBrowser": true,
|
|
|
|
"[javascript][javascriptreact][json][jsonc][typescript][typescriptreact]": {
|
|
"editor.defaultFormatter": "biomejs.biome",
|
|
"editor.codeActionsOnSave": {
|
|
"quickfix.biome": "explicit"
|
|
// "source.organizeImports.biome": "explicit"
|
|
}
|
|
},
|
|
|
|
"[css][html][markdown][yaml]": {
|
|
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
|
},
|
|
"typos.config": ".github/workflows/typos.toml"
|
|
}
|