Skip to content

Color Reference

Complete color palette for all SilkCircuit variants.

Quick Reference

Primary Colors by Variant

ColorNeonVibrantSoftGlowDawn
Purple#e135ff#ff00ff#e892ff#d633ff#7e2bd5
Cyan#80ffea#00ffcc#99ffee#00ffff#006e72
Pink#ff00ff#ff00cc#ff99ff#ff00ff#b40077
Pink Soft#ff99ff#ff99ff#ffc2ff#ff99ff#9e4087
Coral#ff6ac1#ff5fa8#ff99dd#ff66ff#b42a74
Yellow#f1fa8c#ffcc00#ffe699#ffff00#796100

Background Colors

ElementNeonVibrantSoftGlowDawn
Base#12101a#0f0c1a#1a1626#0a0816#faf8ff
Dark#0a0812#08060f#141220#000000#f4f0ff
Highlight#1a162a#151026#201b30#1a0033#f7f4ff
Statusbar#1d1a2d#1a142d#252036#20003d#ded3f8
Float#221e32#1e1834#2b253d#250047#e8dffd
Visual#44475a#3a2e5a#44475a#ff00ff44#d4c8f0

Status Colors

StatusNeonVibrantSoftGlowDawn
Success#50fa7b#00ff66#66ff99#00ff00#1d6e46
Warning#f1fa8c#ffcc00#ffe699#ffff00#796100
Error#ff6363#ff3366#ff6677#ff2244#c1272d
Info#82aaff#6699ff#92aaff#0099ff#1454dc

Neon Palette

lua
-- Backgrounds
bg = "#12101a"
bg_dark = "#0a0812"
bg_highlight = "#1a162a"
bg_statusline = "#1d1a2d"
bg_float = "#221e32"
bg_visual = "#44475a"

-- Foregrounds
fg = "#f8f8f2"
fg_dark = "#e9d5ff"
fg_light = "#ffffff"

-- Primary
purple = "#e135ff"
cyan = "#80ffea"
pink = "#ff00ff"
pink_soft = "#ff99ff"
coral = "#ff6ac1"
yellow = "#f1fa8c"

-- Supporting
green = "#50fa7b"
red = "#ff6363"
blue = "#82aaff"
gray = "#768d8d"

Vibrant Palette

lua
-- Backgrounds
bg = "#0f0c1a"
bg_dark = "#08060f"
bg_highlight = "#151026"
bg_statusline = "#1a142d"
bg_float = "#1e1834"
bg_visual = "#3a2e5a"

-- Foregrounds
fg = "#f8f8f2"
fg_dark = "#e9d5ff"
fg_light = "#ffffff"

-- Primary
purple = "#ff00ff"
cyan = "#00ffcc"
pink = "#ff00cc"
pink_soft = "#ff99ff"
coral = "#ff5fa8"
yellow = "#ffcc00"

-- Supporting
green = "#00ff66"
red = "#ff3366"
blue = "#6699ff"
gray = "#728989"

Soft Palette

lua
-- Backgrounds
bg = "#1a1626"
bg_dark = "#141220"
bg_highlight = "#201b30"
bg_statusline = "#252036"
bg_float = "#2b253d"
bg_visual = "#44475a"

-- Foregrounds
fg = "#f8f8f2"
fg_dark = "#e9d5ff"
fg_light = "#ffffff"

-- Primary
purple = "#e892ff"
cyan = "#99ffee"
pink = "#ff99ff"
pink_soft = "#ffc2ff"
coral = "#ff99dd"
yellow = "#ffe699"

-- Supporting
green = "#66ff99"
red = "#ff6677"
blue = "#92aaff"
gray = "#7e9494"

Glow Palette

lua
-- Backgrounds
bg = "#0a0816"
bg_dark = "#000000"
bg_highlight = "#1a0033"
bg_statusline = "#20003d"
bg_float = "#250047"
bg_visual = "#ff00ff44"

-- Foregrounds
fg = "#ffffff"
fg_dark = "#cc66ff"
fg_light = "#ffffff"

-- Primary
purple = "#d633ff"
cyan = "#00ffff"
pink = "#ff00ff"
pink_soft = "#ff99ff"
coral = "#ff66ff"
yellow = "#ffff00"

-- Supporting
green = "#00ff00"
red = "#ff2244"
blue = "#0099ff"
gray = "#818181"

Dawn Palette

lua
-- Backgrounds
bg = "#faf8ff"
bg_dark = "#f4f0ff"
bg_highlight = "#f7f4ff"
bg_statusline = "#ded3f8"
bg_float = "#e8dffd"
bg_visual = "#d4c8f0"

-- Foregrounds
fg = "#2b2540"
fg_dark = "#5a4d6e"
fg_light = "#1a1318"

-- Primary
purple = "#7e2bd5"
cyan = "#006e72"
pink = "#b40077"
pink_soft = "#9e4087"
coral = "#b42a74"
yellow = "#796100"

-- Supporting
green = "#1d6e46"
red = "#c1272d"
blue = "#1454dc"
gray = "#686177"

Terminal Colors (Neon)

lua
terminal_black = "#12101a"
terminal_red = "#ff6363"
terminal_green = "#50fa7b"
terminal_yellow = "#f1fa8c"
terminal_blue = "#82aaff"
terminal_magenta = "#ff00ff"
terminal_cyan = "#80ffea"
terminal_white = "#f8f8f2"

terminal_bright_black = "#768d8d"
terminal_bright_red = "#ff8787"
terminal_bright_green = "#86fba8"
terminal_bright_yellow = "#ffffa5"
terminal_bright_blue = "#82b1ff"
terminal_bright_magenta = "#ff69ff"
terminal_bright_cyan = "#5fffff"
terminal_bright_white = "#ffffff"

CSS Variables

css
:root {
  /* Neon variant */
  --sc-purple: #e135ff;
  --sc-cyan: #80ffea;
  --sc-pink: #ff00ff;
  --sc-pink-soft: #ff99ff;
  --sc-coral: #ff6ac1;
  --sc-yellow: #f1fa8c;
  --sc-green: #50fa7b;
  --sc-red: #ff6363;
  --sc-blue: #82aaff;
  --sc-gray: #768d8d;
  --sc-bg: #12101a;
  --sc-bg-dark: #0a0812;
  --sc-bg-highlight: #1a162a;
  --sc-fg: #f8f8f2;
}

Accessing Colors in Lua

lua
-- Get colors for current variant
local colors = require("silkcircuit.variants").get_colors()

-- Get colors for specific variant
local dawn_colors = require("silkcircuit.variants").get_colors("dawn")

-- Use in custom highlights
require("silkcircuit").setup({
  on_highlights = function(hl, colors)
    hl.MyHighlight = { fg = colors.cyan, bg = colors.bg }
  end,
})