diff --git a/demo/index.html b/demo/index.html index 6bd3113..241d7a7 100644 --- a/demo/index.html +++ b/demo/index.html @@ -230,15 +230,16 @@ + - + +
diff --git a/gulpfile.js b/gulpfile.js index e0477b7..eb136a7 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -20,7 +20,9 @@ "src/scss/kit-verdant.scss", "src/scss/demo-verdant.scss", "src/scss/kit-ember.scss", - "src/scss/demo-ember.scss" + "src/scss/demo-ember.scss", + "src/scss/kit-mono.scss", + "src/scss/demo-mono.scss" ], dest: "dist/css" }, diff --git a/src/scss/demo-mono.scss b/src/scss/demo-mono.scss new file mode 100644 index 0000000..7358585 --- /dev/null +++ b/src/scss/demo-mono.scss @@ -0,0 +1,7 @@ +// ————————————————————————— +// Mono demo bundle — kit-mono + demo layout styles. +// Keep the palette in sync with kit-mono.scss. +// ————————————————————————— + +@use "kit-mono"; +@use "demo-layout"; \ No newline at end of file diff --git a/src/scss/kit-mono.scss b/src/scss/kit-mono.scss new file mode 100644 index 0000000..037d679 --- /dev/null +++ b/src/scss/kit-mono.scss @@ -0,0 +1,38 @@ +// ————————————————————————— +// Mono theme — plain black with minimal accents. Neutral +// grays for everything structural, one restrained amber as +// the only expressive color, status colors barely tinted. +// Compiled alongside kit.css; the demo theme switcher swaps +// the stylesheet. +// ————————————————————————— + +@use "kit-deps" as * with ( + // neutrals — true grays + $color-black: #0B0B0B, + $color-dark: #161616, + $color-grey: #2F2F2F, + $color-indigo: #3C3C3C, + + // prime neons — neutralized + $color-cyan: #9E9E9E, + $color-electric-blue:#ADADAD, + $color-teal: #9E9E9E, + $color-neon-yellow: #C9A15E, + $color-neon-green: #8FA07A, + + // text tones + $color-text-light: #E6E6E6, + $color-text-medium: #A8A8A8, + $color-text-dark: #707070, + + // UI state — gray structure, one amber accent + $color-primary: #E6E6E6, + $color-secondary: #ADADAD, + $color-accent: #C9975B, + $color-success: #8FA07A, + $color-warning: #C9A15E, + $color-error: #C4685C, + $color-info: #9E9E9E +); + +@use "kit"; \ No newline at end of file