{"id":16432669,"url":"https://github.com/2nthony/vercel-css-vars","last_synced_at":"2026-05-05T02:36:48.906Z","repository":{"id":46081473,"uuid":"330648891","full_name":"2nthony/vercel-css-vars","owner":"2nthony","description":"Vercel css vars","archived":false,"fork":false,"pushed_at":"2023-12-15T11:43:56.000Z","size":10,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-20T19:44:54.099Z","etag":null,"topics":["css","vars","vercel"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/2nthony.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":null,"patreon":"evillt","open_collective":null,"ko_fi":"evillt","tidelift":null,"custom":"https://donate.evila.me"}},"created_at":"2021-01-18T11:45:17.000Z","updated_at":"2021-02-25T06:43:13.000Z","dependencies_parsed_at":"2024-10-30T05:17:01.906Z","dependency_job_id":null,"html_url":"https://github.com/2nthony/vercel-css-vars","commit_stats":null,"previous_names":["evillt/vercel-css-vars"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/2nthony/vercel-css-vars","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2nthony%2Fvercel-css-vars","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2nthony%2Fvercel-css-vars/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2nthony%2Fvercel-css-vars/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2nthony%2Fvercel-css-vars/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/2nthony","download_url":"https://codeload.github.com/2nthony/vercel-css-vars/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/2nthony%2Fvercel-css-vars/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32633434,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","vars","vercel"],"created_at":"2024-10-11T08:44:04.063Z","updated_at":"2026-05-05T02:36:48.882Z","avatar_url":"https://github.com/2nthony.png","language":"CSS","funding_links":["https://patreon.com/evillt","https://ko-fi.com/evillt","https://donate.evila.me"],"categories":[],"sub_categories":[],"readme":"# vercel-css-vars\n\n## Usage\n\nInstall:\n\n```console\nnpm i vercel-css-vars\n```\n\nIn code:\n\n```js\nimport 'vercel-css-vars/index.css'\n```\n\n## CSS Vars\n\nIt might be out-of-date, so check the `index.css` for latest vars.\n\n```css\n:root {\n  --geist-white: #fff;\n  --geist-black: #000;\n  --geist-background: var(--geist-white);\n  --geist-foreground: var(--geist-black);\n  --accents-1: #fafafa;\n  --accents-2: #eaeaea;\n  --accents-3: #999;\n  --accents-4: #888;\n  --accents-5: #666;\n  --accents-6: #444;\n  --accents-7: #333;\n  --accents-8: #111;\n  --geist-secondary-lighter: var(--accents-2);\n  --geist-secondary-light: var(--accents-3);\n  --geist-secondary: var(--accents-5);\n  --geist-secondary-dark: var(--accents-7);\n  --geist-success-lighter: #d3e5ff;\n  --geist-success-light: #3291ff;\n  --geist-success: #0070f3;\n  --geist-success-dark: #0761d1;\n  --geist-error-lighter: #f7d4d6;\n  --geist-error-light: #ff1a1a;\n  --geist-error: #e00;\n  --geist-error-dark: #c50000;\n  --geist-warning-lighter: #ffefcf;\n  --geist-warning-light: #f7b955;\n  --geist-warning: #f5a623;\n  --geist-warning-dark: #ab570a;\n  --geist-violet-lighter: #e3d7fc;\n  --geist-violet-light: #8a63d2;\n  --geist-violet: #7928ca;\n  --geist-violet-dark: #4c2889;\n  --geist-cyan-lighter: #aaffec;\n  --geist-cyan-light: #79ffe1;\n  --geist-cyan: #50e3c2;\n  --geist-cyan-dark: #29bc9b;\n  --geist-highlight-purple: #f81ce5;\n  --geist-highlight-magenta: #eb367f;\n  --geist-highlight-pink: #ff0080;\n  --geist-highlight-yellow: #fff500;\n  --geist-link-color: var(--geist-success);\n  --geist-selection: var(--geist-cyan-light);\n  --shadow: rgba(0, 0, 0, 0.12);\n\n  --geist-space: 4px;\n  --geist-space-2x: 8px;\n  --geist-space-4x: 16px;\n  --geist-space-8x: 32px;\n  --geist-space-16x: 64px;\n  --geist-space-24x: 96px;\n  --geist-space-32x: 128px;\n  --geist-space-48x: 192px;\n  --geist-space-64x: 256px;\n  --geist-space-small: 32px;\n  --geist-space-medium: 40px;\n  --geist-space-large: 48px;\n  --geist-space-gap: 24px;\n  --geist-space-gap-half: 12px;\n  --geist-space-gap-quarter: var(--geist-space-2x);\n  --geist-gap: var(--geist-space-gap);\n  --geist-gap-half: var(--geist-space-gap-half);\n  --geist-gap-quarter: var(--geist-space-gap-quarter);\n  --geist-gap-double: var(--geist-space-large);\n  --geist-space-negative: -4px;\n  --geist-space-2x-negative: -8px;\n  --geist-space-4x-negative: -16px;\n  --geist-space-8x-negative: -32px;\n  --geist-space-16x-negative: -64px;\n  --geist-space-24x-negative: -96px;\n  --geist-space-32x-negative: -128px;\n  --geist-space-48x-negative: -192px;\n  --geist-space-64x-negative: -256px;\n  --geist-space-small-negative: -32px;\n  --geist-space-medium-negative: -40px;\n  --geist-space-large-negative: -48px;\n  --geist-space-gap-negative: -24px;\n  --geist-space-gap-half-negative: -12px;\n  --geist-space-gap-quarter-negative: var(--geist-space-2x-negative);\n  --geist-gap-negative: var(--geist-space-gap-negative);\n  --geist-gap-half-negative: var(--geist-space-gap-half-negative);\n  --geist-gap-quarter-negative: var(--geist-space-gap-quarter-negative);\n  --geist-gap-double-negative: var(--geist-space-large-negative);\n  --geist-page-margin: var(--geist-space-gap);\n  --geist-page-width: 1000px;\n  --geist-page-width-with-margin: 1048px;\n  --geist-radius: 5px;\n  --geist-marketing-radius: 8px;\n  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\n    'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  --font-mono: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,\n    Bitstream Vera Sans Mono, Courier New, monospace;\n  --header-height: 64px;\n  --geist-form-large-font: 1rem;\n  --geist-form-large-line-height: 1.5rem;\n  --geist-form-large-height: var(--geist-space-large);\n  --geist-form-small-font: 0.875rem;\n  --geist-form-small-line-height: 0.875rem;\n  --geist-form-small-height: var(--geist-space-small);\n  --geist-form-font: 0.875rem;\n  --geist-form-line-height: 1.25rem;\n  --geist-form-height: var(--geist-space-medium);\n}\n\n.dark-theme {\n  --geist-foreground: var(--geist-white);\n  --geist-background: var(--geist-black);\n  --geist-selection: var(--geist-highlight-purple);\n  --accents-8: #fafafa;\n  --accents-7: #eaeaea;\n  --accents-6: #999;\n  --accents-5: #888;\n  --accents-4: #666;\n  --accents-3: #444;\n  --accents-2: #333;\n  --accents-1: #111;\n  --geist-secondary-lighter: var(--accents-2);\n  --geist-secondary-light: var(--accents-3);\n  --geist-secondary: var(--accents-5);\n  --geist-secondary-dark: var(--accents-7);\n  --geist-error-light: #f33;\n  --geist-error: red;\n  --geist-error-dark: #e60000;\n  --geist-link-color: var(--geist-success-light);\n  --geist-selection: var(--geist-highlight-purple);\n}\n```\n\n## Credits\n\n- [Vercel Design](https://vercel.com/design)\n\n## Author\n\n**vercel-css-vars** © [evillt](https://github.com/evillt), Released under the [MIT](./LICENSE) License.\n\nAuthored and maintained by **EVILLT** with help from contributors ([list](https://github.com/evillt/vercel-css-vars/contributors)).\n\n\u003e [evila.me](https://evila.me) · GitHub [@evillt](https://github.com/evillt) · Twitter [@evillt](https://twitter.com/evillt)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F2nthony%2Fvercel-css-vars","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F2nthony%2Fvercel-css-vars","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F2nthony%2Fvercel-css-vars/lists"}