website/styles/_kanagawa.scss
2024-04-13 15:26:52 +02:00

104 lines
4.1 KiB
SCSS

:root {
--kngw-fujiWhite: #DCD7BA; // Default foreground
--kngw-oldForeground: #C8C093; // Dark foreground (statuslines)
--kngw-sumiInk0: #16161D; // Dark background (statuslines and floating windows)
--kngw-sumiInk1: #1F1F28; // Default background
--kngw-sumiInk2: #2A2A37; // Lighter background (colorcolumn, folds)
--kngw-sumiInk3: #363646; // Lighter background (cursorline)
--kngw-sumiInk4: #54546D; // Darker foreground (line numbers, fold column, non-text characters), float borders
--kngw-waveBlue1: #223249; // Popup background, visual selection background
--kngw-waveBlue2: #2D4F67; // Popup selection background, search background
--kngw-winterGreen: #2B3328; // Diff Add (background)
--kngw-winterYellow: #49443C; // Diff Change (background)
--kngw-winterRed: #43242B; // Diff Deleted (background)
--kngw-winterBlue: #252535; // Diff Line (background)
--kngw-autumnGreen: #76946A; // Git Add
--kngw-autumnRed: #C34043; // Git Delete
--kngw-autumnYellow: #DCA561; // Git Change
--kngw-samuraiRed: #E82424; // Diagnostic Error
--kngw-roninYellow: #FF9E3B; // Diagnostic Warning
--kngw-waveAqua1: #6A9589; // Diagnostic Info
--kngw-dragonBlue: #658594; // Diagnostic Hint
--kngw-fujiGray: #727169; // Comments
--kngw-springViolet1: #938AA9; // Light foreground
--kngw-oniViolet: #957FB8; // Statements and Keywords
--kngw-crystalBlue: #7E9CD8; // Functions and Titles
--kngw-springViolet2: #9CABCA; // Brackets and punctuation
--kngw-springBlue: #7FB4CA; // Specials and builtin functions
--kngw-lightBlue: #A3D4D5; // Not used
--kngw-waveAqua2: #7AA89F; // Types
--kngw-springGreen: #98BB6C; // Strings
--kngw-boatYellow1: #938056; // Not used
--kngw-boatYellow2: #C0A36E; // Operators, RegEx
--kngw-carpYellow: #E6C384; // Identifiers
--kngw-sakuraPink: #D27E99; // Numbers
--kngw-waveRed: #E46876; // Standout specials 1 (builtin variables)
--kngw-peachRed: #FF5D62; // Standout specials 2 (exception handling, return)
--kngw-surimiOrange: #FFA066; // Constants, imports, booleans
--kngw-katanaGray: #717C7C; // Deprecated
}
.kanagawa {
background-color: var(--kngw-sumiInk1);
border-color: var(--kngw-sumiInk3);
color: var(--kngw-fujiWhite);
&::before {
background: var(--kngw-sumiInk3);
}
// Identifiers
.variable-builtin { color: var(--kngw-waveRed); }
.variable-parameter { color: var(--kngw-springViolet2); }
.constant { color: var(--kngw-surimiOrange); }
.constant-builtin { color: var(--kngw-surimiOrange); }
.label { color: var(--kngw-oniViolet); }
// Literals
.string { color: var(--kngw-springGreen); }
.string-special { color: var(--kngw-boatYellow2); }
.number { color: var(--kngw-sakuraPink); }
.number-float { color: var(--kngw-sakuraPink); };
// Types
.type { color: var(--kngw-waveAqua2); }
.type-builtin { color: var(--kngw-waveAqua2); }
.attribute { color: var(--kngw-carpYellow); }
.property { color: var(--kngw-carpYellow); }
// Functions
.function { color: var(--kngw-crystalBlue); }
.function-macro { color: var(--kngw-waveRed); }
.function-method { color: var(--kngw-crystalBlue) }
.constructor { color: var(--kngw-springBlue); }
.operator { color: var(--kngw-boatYellow2); }
// Keywords
.keyword { color: var(--kngw-oniViolet); }
.keyword-coroutine { color: var(--kngw-oniViolet); }
.keyword-function { color: var(--kngw-oniViolet); }
.keyword-operator { color: var(--kngw-boatYellow2); }
.keyword-import { color: var(--kngw-oniViolet); }
.keyword-repeat { color: var(--kngw-oniViolet); }
.keyword-return { color: var(--kngw-peachRed); }
.keyword-debug { color: var(--kngw-peachRed); }
.keyword-exception { color: var(--kngw-peachRed); }
.keyword-conditional { color: var(--kngw-oniViolet); }
// Punctuation
.punctuation-delimiter { color: var(--kngw-springViolet2); }
.punctuation-bracket { color: var(--kngw-springViolet2); }
// Comments
.comment { color: var(--kngw-fujiGray); }
// Markup
.tag { color: var(--kngw-springBlue); }
}