@ox-content/theme-color-gruvbox
v3.2.14
Published
Gruvbox light and dark, medium contrast — an Ox Content color scheme that composes with any @ox-content/theme-* skin
Maintainers
Readme
@ox-content/theme-color-gruvbox
Gruvbox — Gruvbox light and dark, medium contrast — for Ox Content.
Color only. Light and dark --octc-* tokens and nothing else: no layout, no
texture, no typography. That is what lets it drop under any skin package.
npm install @ox-content/theme-color-gruvbox// vite.config.ts
import { defineConfig } from "vite";
import { oxContent } from "@ox-content/vite-plugin";
import gruvbox from "@ox-content/theme-color-gruvbox";
export default defineConfig({
plugins: [
oxContent({
srcDir: "docs",
ssg: { siteName: "My Docs", theme: gruvbox },
}),
],
});Stack a skin on top to change the form as well — layers compose left to right, so anything you append wins:
import pixel from "@ox-content/theme-pixel";
theme: [pixel, gruvbox, { colors: { primary: "#ff5f56" } }];Variants
The default export stays gruvbox (Gruvbox light and dark, medium contrast). Named variants
are exported from the same package:
import { gruvboxHard, gruvboxSoft } from "@ox-content/theme-color-gruvbox";gruvboxHard— Gruvbox light and dark, hard contrastgruvboxSoft— Gruvbox light and dark, soft contrast
License
MIT
