From f81a42045e29cc396af78b5d87ead874ba26fa18 Mon Sep 17 00:00:00 2001 From: Jieiku Date: Mon, 22 May 2023 23:12:14 -0700 Subject: All Variables Easy Override --- sass/_colors.scss | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 sass/_colors.scss (limited to 'sass/_colors.scss') diff --git a/sass/_colors.scss b/sass/_colors.scss new file mode 100644 index 0000000..46a21db --- /dev/null +++ b/sass/_colors.scss @@ -0,0 +1,50 @@ +@mixin dark( + $f1: #ccc, + $f2: #ddd, + $c1: #111, + $c2: #222, + $c3: #333, + $c4: #888, + $a1: #f90, + $a2: #fb0, + $a3: #f90, + $cg: #593, + $cr: #e33 +) { + #{--f1}: $f1;// Font Color Primary (ccc) + #{--f2}: $f2;// Font Color Headers (ddd) + #{--c1}: $c1;// Background Color Primary (111) + #{--c2}: $c2;// Background Color Secondary (222) + #{--c3}: $c3;// Table Rows, Block quote edge, Borders (333) + #{--c4}: $c4;// Disabled Buttons, Borders, mark background (888) + #{--a1}: $a1;// link color (f90) + #{--a2}: $a2;// link hover/focus color (fb0) + #{--a3}: $a3;// link h1-h2 hover/focus color (f90) + #{--cg}: $cg;// ins green, success (593) + #{--cr}: $cr;// del red, errors (e33) +} +@mixin light( + $f1: #333, + $f2: #222, + $c1: #fff, + $c2: #eee, + $c3: #ddd, + $c4: #555, + $a1: #c40, + $a2: #e60, + $a3: #f90, + $cg: #373, + $cr: #d33 +) { + #{--f1}: $f1;// Font Color Primary (444) + #{--f2}: $f2;// Font Color Headers (333) + #{--c1}: $c1;// Background Color Primary (fff) + #{--c2}: $c2;// Background Color Secondary (eee) + #{--c3}: $c3;// Table Rows, Block quote edge, Borders (ddd) + #{--c4}: $c4;// Disabled Buttons, Borders, mark background (677) + #{--a1}: $a1;// link color (c40) + #{--a2}: $a2;// link hover/focus color (e60) + #{--a3}: $a3;// link h1-h2 hover/focus color (f90) + #{--cg}: $cg;// ins green, success (373) + #{--cr}: $cr;// del red, errors (d33) +} -- cgit v1.3.1