1
0
Fork 0
mirror of https://github.com/zrgn/zrgn.github.io synced 2024-11-16 05:38:41 +00:00
zrgn.github.io/_sass/_solarized.scss

151 lines
3.8 KiB
SCSS

/*
A SCSS style-sheet for Pygments using the Solarized color-scheme
Information on Solarized is at http://ethanschoonover.com/solarized
Two mixins, solarized-dark and solarized-light are provided for convenience
and if you wish to use your own primary and secondary colors, you may call the
solarized mixin and provide parameters for the primary and secondary values.
The CSS class names are derived from the CSS classes that Pygments uses when
you generate a CSS file based on a style. E.g. pygmentize -S vim -f html
An explanation of the Pygments token types is at http://pygments.org/docs/tokens/
*/
$solarized-yellow: #b58900;
$solarized-orange: #cb4b16;
$solarized-red: #dc322f;
$solarized-magenta: #d33682;
$solarized-violet: #6c71c4;
$solarized-blue: #268bd2;
$solarized-cyan: #2aa198;
$solarized-green: #859900;
$solarized-base03: #002b36;
$solarized-base02: #073642;
$solarized-base01: #586e75;
$solarized-base00: #657b83;
$solarized-base0: #839496;
$solarized-base1: #93a1a1;
$solarized-base2: #eee8d5;
$solarized-base3: #fdf6e3;
$solarized-dark-primary: $solarized-base0;
$solarized-dark-secondary: $solarized-base01;
$solarized-dark-bg: $solarized-base03;
$solarized-light-primary: $solarized-base00;
$solarized-light-secondary: $solarized-base1;
$solarized-light-bg: $solarized-base3;
@mixin solarized($solarized-primary, $solarized-secondary) {
// Cyan
.m, // Literal.Number
.s, // Literal.String
.mf, // Literal.Number.Float
.mh, // Literal.Number.Hex
.mi, // Literal.Number.Integer
.mo, // Literal.Number.Oct
.sc, // Literal.String.Char
.s2, // Literal.String.Double
.si, // Literal.String.Interpol
.sx, // Literal.String.Other
.s1, // Literal.String.Single
.ss, // Literal.String.Symbol
.il, // Literal.Number.Integer.Long
.gd // Generic.Deleted
{ color: $solarized-cyan; }
// Green
.k, // Keyword
.o, // Operator
.ow, // Operator.Word
.cp, // Comment.Preproc
.cs, // Comment.Special
.gi, // Generic.Inserted
.kn, // Keyword.Namespace
.kp // Keyword.Pseudo
{ color: $solarized-green; }
// Orange
.x, // Other
.gh, // Generic.Heading
.gu, // Generic.Subheading
.kc, // Keyword.Constant
.no, // Name.Constant
.ni, // Name.Entity
.ne, // Name.Exception
.se // Literal.String.Escape
{ color: $solarized-orange; }
// Blue
.kd, // Keyword.Declaration
.kr, // Keyword.Reserved
.nc, // Name.Class
.nd, // Name.Decorator
.nf, // Name.Function
.nt, // Name.Tag
.nv, // Name.Variable
.bp, // Name.Builtin.Pseudo
.vc, // Name.Variable.Class
.vg, // Name.Variable.Global
.vi // Name.Variable.Instance
{ color: $solarized-blue; }
// Red
.gr, // Generic.Error
.kt, // Keyword.Type
.sr, // Literal.String.Regex
.err // Error
{ color: $solarized-red; }
// Yellow
.nb // Name.Builtin
{ color: $solarized-yellow; }
// Comments
.c, // Comment
.cm, // Comment.Multiline
.c1, // Comment.Single
.sb // Literal.String.Backtick
{ color: $solarized-secondary; }
// Default
.g, // Generic
.l, // Literal
.n, // Name
.p, // Punctuation
.w, // Text.Whitespace
.go, // Generic.Output
.gp, // Generic.Prompt
.gt, // Generic.Traceback
.na, // Name.Attribute
.nl, // Name.Label
.nn, // Name.Namespace
.nx, // Name.Other
.py, // Name.Property
.ld, // Literal.Date
.sd // Literal.String.Doc
{ color: $solarized-primary; }
.ge // Generic.Emph
{ color: $solarized-primary; font-style: italic; }
.gs // Generic.Strong
{ color: $solarized-primary; font-weight: bold; }
}
.solarized-dark {
@include solarized($solarized-dark-primary, $solarized-dark-secondary);
background-color: $solarized-dark-bg;
color: $solarized-dark-primary;
}
.solarized-light {
@include solarized($solarized-light-primary, $solarized-light-secondary);
background-color: $solarized-light-bg;
color: $solarized-light-primary;
}