-
Notifications
You must be signed in to change notification settings - Fork 0
/
_solarized.scss
88 lines (83 loc) · 3.65 KB
/
_solarized.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/* solarized naming scheme */
/* see: https://ethanschoonover.com/solarized/ */
// background and content tones:
// TONE USE : // DARK MODE | LIGHT MODE
$-base03 : #002b36; // background | -
$-base02 : #073642; // background highlights | -
$-base01 : #586e75; // comments | opt. emph. content
$-base00 : #657683; // - | primary content
$-base0 : #839496; // primary content | -
$-base1 : #93a1a1; // opt. emph. content | comments
$-base2 : #eeed85; // - | background highlights
$-base3 : #fdf6e3; // - | background
// accent colors:
$-yellow : #b58900;
$-orange : #cb4b16;
$-red : #dc322f;
$-magenta : #d33682;
$-violet : #6c71c4;
$-blue : #268b82;
$-cyan : #2aa198;
$-green : #859900;
// Note that for tones, the normal relationship for background and body text
// is `base03:base0` for dark mode and `base3:base00` for light mode.
// Notice the "flipping" of leading 0?
/* Consider the following style guidelines.
* Source: https://github.com/chriskempson/base16/blob/main/styling.md#styling-guidelines
*
* * base00 - Default Background
* * base01 - Lighter Background (Used for status bars, line number and folding marks)
* * base02 - Selection Background
* * base03 - Comments, Invisibles, Line Highlighting
* * base04 - Dark Foreground (Used for status bars)
* * base05 - Default Foreground, Caret, Delimiters, Operators
* * base06 - Light Foreground (Not often used)
* * base07 - Light Background (Not often used)
* * base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
* * base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url
* * base0A - Classes, Markup Bold, Search Text Background
* * base0B - Strings, Inherited Class, Markup Code, Diff Inserted
* * base0C - Support, Regular Expressions, Escape Characters, Markup Quotes
* * base0D - Functions, Methods, Attribute IDs, Headings
* * base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed
* * base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
*/
/* NOTE: minimal-mistakes uses roughly the following color assignments for
* syntax highlighting in code blocks:
* (see: _sass/minimal-mistakes/_syntax.scss)
* $base00: (highlight background)
* $base01: (unused)
* $base02: (unused)
* $base03: (unused)
* $base04: comment, doc, (line numbers)
* $base05: name, punctuation, builtin, entity, label, property, (highlight)
* $base06: background
* $base07: (unused)
* $base08: error, exception, generic, constant, variable
* $base09: literal, number
* $base0a: type, class, namespace
* $base0b: date, string, regex, symbol
* $base0c: operator, namespace, decorator, tag
* $base0d: attribute, function
* $base0e: keyword
* $base0f: (unused)
*/
// ----------------------------------------------------------------------------
// Considering all that, the Minimal Mistakes color scheme for
// DARK solarized is:
$base00: $-base02 !default; // background highlights
$base01: $-base2 !default; // -
$base02: $-base1 !default; // optional emphasized content
$base03: $-base0 !default; // primary content
$base04: $-base01 !default; // comments / secondary content
$base05: $-base1 !default; // optional emphasized content
$base06: $-base03 !default; // background
$base07: $-base02 !default; // background highlights
$base08: $-red !default;
$base09: $-orange !default;
$base0a: $-yellow !default;
$base0b: $-green !default;
$base0c: $-cyan !default;
$base0d: $-blue !default;
$base0e: $-violet !default;
$base0f: $-magenta !default;