readonly/minima-dark
1
0
Fork 0
mirror of https://github.com/minoplhy/minima-dark.git synced 2024-12-22 18:18:16 +00:00
Code Issues Projects Releases Wiki Activity

sync

Browse Source
This commit is contained in:
minoplhy 2021-06-07 22:45:42 -07:00
parent 0f2fa9b48a
commit 9f62c5eb88
9 changed files with 1007 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

282
_sass/minima-dark/_base.scss Normal file
View File

File diff suppressed because it is too large Load Diff

342
_sass/minima-dark/_layout.scss Normal file
View File

File diff suppressed because it is too large Load Diff

2
_sass/minima-dark/custom-styles.scss Normal file
View File

@ -0,0 +1,2 @@
// Placeholder to allow defining custom styles that override everything else.
// (Use `_sass/minima/custom-variables.scss` to override variable defaults)

1
_sass/minima-dark/custom-variables.scss Normal file
View File

@ -0,0 +1 @@
// Placeholder to allow overriding predefined variables smoothly.

50
_sass/minima-dark/initialize.scss Normal file
View File

@ -0,0 +1,50 @@
@charset "utf-8";
// Define defaults for each variable.
$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
$code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
$base-font-size: 16px !default;
$base-font-weight: 400 !default;
$small-font-size: $base-font-size * 0.875 !default;
$base-line-height: 1.5 !default;
$spacing-unit: 30px !default;
$table-text-align: left !default;
// Width of the content area
$content-width: 800px !default;
$on-palm: 600px !default;
$on-laptop: 800px !default;
$on-medium: $on-palm !default;
$on-large: $on-laptop !default;
// Use media queries like this:
// @include media-query($on-palm) {
// .wrapper {
// padding-right: $spacing-unit / 2;
// padding-left: $spacing-unit / 2;
// }
// }
// Notice the following mixin uses max-width, in a deprecated, desktop-first
// approach, whereas media queries used elsewhere now use min-width.
@mixin media-query($device) {
@media screen and (max-width: $device) {
@content;
}
}
@mixin relative-font-size($ratio) {
font-size: #{$ratio}rem;
}
// Import pre-styling-overrides hook and style-partials.
@import
"minima/custom-variables", // Hook to override predefined variables.
"minima/base", // Defines element resets.
"minima/layout", // Defines structure and style based on CSS selectors.
"minima/custom-styles" // Hook to override existing styles.
;

91
_sass/minima-dark/skins/classic.scss Normal file
View File

@ -0,0 +1,91 @@
@charset "utf-8";
$brand-color: #828282 !default;
$brand-color-light: lighten($brand-color, 40%) !default;
$brand-color-dark: darken($brand-color, 25%) !default;
$site-title-color: $brand-color-dark !default;
$text-color: #111111 !default;
$background-color: #fdfdfd !default;
$code-background-color: #eeeeff !default;
$link-base-color: #2a7ae2 !default;
$link-visited-color: darken($link-base-color, 15%) !default;
$link-hover-color: $text-color !default;
$border-color-01: $brand-color-light !default;
$border-color-02: lighten($brand-color, 35%) !default;
$border-color-03: $brand-color-dark !default;
$table-text-color: lighten($text-color, 18%) !default;
$table-zebra-color: lighten($brand-color, 46%) !default;
$table-header-bg-color: lighten($brand-color, 43%) !default;
$table-header-border: lighten($brand-color, 37%) !default;
$table-border-color: $border-color-01 !default;
// Syntax highlighting styles should be adjusted appropriately for every "skin"
// ----------------------------------------------------------------------------
.highlight {
.c { color: #998; font-style: italic } // Comment
.err { color: #a61717; background-color: #e3d2d2 } // Error
.k { font-weight: bold } // Keyword
.o { font-weight: bold } // Operator
.cm { color: #998; font-style: italic } // Comment.Multiline
.cp { color: #999; font-weight: bold } // Comment.Preproc
.c1 { color: #998; font-style: italic } // Comment.Single
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
.gd { color: #000; background-color: #fdd } // Generic.Deleted
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
.ge { font-style: italic } // Generic.Emph
.gr { color: #a00 } // Generic.Error
.gh { color: #999 } // Generic.Heading
.gi { color: #000; background-color: #dfd } // Generic.Inserted
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
.go { color: #888 } // Generic.Output
.gp { color: #555 } // Generic.Prompt
.gs { font-weight: bold } // Generic.Strong
.gu { color: #aaa } // Generic.Subheading
.gt { color: #a00 } // Generic.Traceback
.kc { font-weight: bold } // Keyword.Constant
.kd { font-weight: bold } // Keyword.Declaration
.kp { font-weight: bold } // Keyword.Pseudo
.kr { font-weight: bold } // Keyword.Reserved
.kt { color: #458; font-weight: bold } // Keyword.Type
.m { color: #099 } // Literal.Number
.s { color: #d14 } // Literal.String
.na { color: #008080 } // Name.Attribute
.nb { color: #0086B3 } // Name.Builtin
.nc { color: #458; font-weight: bold } // Name.Class
.no { color: #008080 } // Name.Constant
.ni { color: #800080 } // Name.Entity
.ne { color: #900; font-weight: bold } // Name.Exception
.nf { color: #900; font-weight: bold } // Name.Function
.nn { color: #555 } // Name.Namespace
.nt { color: #000080 } // Name.Tag
.nv { color: #008080 } // Name.Variable
.ow { font-weight: bold } // Operator.Word
.w { color: #bbb } // Text.Whitespace
.mf { color: #099 } // Literal.Number.Float
.mh { color: #099 } // Literal.Number.Hex
.mi { color: #099 } // Literal.Number.Integer
.mo { color: #099 } // Literal.Number.Oct
.sb { color: #d14 } // Literal.String.Backtick
.sc { color: #d14 } // Literal.String.Char
.sd { color: #d14 } // Literal.String.Doc
.s2 { color: #d14 } // Literal.String.Double
.se { color: #d14 } // Literal.String.Escape
.sh { color: #d14 } // Literal.String.Heredoc
.si { color: #d14 } // Literal.String.Interpol
.sx { color: #d14 } // Literal.String.Other
.sr { color: #009926 } // Literal.String.Regex
.s1 { color: #d14 } // Literal.String.Single
.ss { color: #990073 } // Literal.String.Symbol
.bp { color: #999 } // Name.Builtin.Pseudo
.vc { color: #008080 } // Name.Variable.Class
.vg { color: #008080 } // Name.Variable.Global
.vi { color: #008080 } // Name.Variable.Instance
.il { color: #099 } // Literal.Number.Integer.Long
}

95
_sass/minima-dark/skins/dark.scss Normal file
View File

@ -0,0 +1,95 @@
@charset "utf-8";
$brand-color: #999999 !default;
$brand-color-light: lighten($brand-color, 5%) !default;
$brand-color-dark: darken($brand-color, 35%) !default;
$site-title-color: $brand-color-light !default;
$text-color: #bbbbbb !default;
$background-color: #181818 !default;
$code-background-color: #212121 !default;
$link-base-color: #79b8ff !default;
$link-visited-color: $link-base-color !default;
$link-hover-color: $text-color !default;
$border-color-01: $brand-color-dark !default;
$border-color-02: $brand-color-light !default;
$border-color-03: $brand-color !default;
$table-text-color: $text-color !default;
$table-zebra-color: lighten($background-color, 4%) !default;
$table-header-bg-color: lighten($background-color, 10%) !default;
$table-header-border: lighten($background-color, 21%) !default;
$table-border-color: $border-color-01 !default;
// Syntax highlighting styles should be adjusted appropriately for every "skin"
// List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens
// Some colors come from Material Theme Darker:
// https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts
// https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts
// ----------------------------------------------------------------------------
.highlight {
.c { color: #545454; font-style: italic } // Comment
.err { color: #f07178; background-color: #e3d2d2 } // Error
.k { color: #89DDFF; font-weight: bold } // Keyword
.o { font-weight: bold } // Operator
.cm { color: #545454; font-style: italic } // Comment.Multiline
.cp { color: #545454; font-weight: bold } // Comment.Preproc
.c1 { color: #545454; font-style: italic } // Comment.Single
.cs { color: #545454; font-weight: bold; font-style: italic } // Comment.Special
.gd { color: #000; background-color: #fdd } // Generic.Deleted
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
.ge { font-style: italic } // Generic.Emph
.gr { color: #f07178 } // Generic.Error
.gh { color: #999 } // Generic.Heading
.gi { color: #000; background-color: #dfd } // Generic.Inserted
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
.go { color: #888 } // Generic.Output
.gp { color: #555 } // Generic.Prompt
.gs { font-weight: bold } // Generic.Strong
.gu { color: #aaa } // Generic.Subheading
.gt { color: #f07178 } // Generic.Traceback
.kc { font-weight: bold } // Keyword.Constant
.kd { font-weight: bold } // Keyword.Declaration
.kp { font-weight: bold } // Keyword.Pseudo
.kr { font-weight: bold } // Keyword.Reserved
.kt { color: #FFCB6B; font-weight: bold } // Keyword.Type
.m { color: #F78C6C } // Literal.Number
.s { color: #C3E88D } // Literal.String
.na { color: #008080 } // Name.Attribute
.nb { color: #EEFFFF } // Name.Builtin
.nc { color: #FFCB6B; font-weight: bold } // Name.Class
.no { color: #008080 } // Name.Constant
.ni { color: #800080 } // Name.Entity
.ne { color: #900; font-weight: bold } // Name.Exception
.nf { color: #82AAFF; font-weight: bold } // Name.Function
.nn { color: #555 } // Name.Namespace
.nt { color: #FFCB6B } // Name.Tag
.nv { color: #EEFFFF } // Name.Variable
.ow { font-weight: bold } // Operator.Word
.w { color: #EEFFFF } // Text.Whitespace
.mf { color: #F78C6C } // Literal.Number.Float
.mh { color: #F78C6C } // Literal.Number.Hex
.mi { color: #F78C6C } // Literal.Number.Integer
.mo { color: #F78C6C } // Literal.Number.Oct
.sb { color: #C3E88D } // Literal.String.Backtick
.sc { color: #C3E88D } // Literal.String.Char
.sd { color: #C3E88D } // Literal.String.Doc
.s2 { color: #C3E88D } // Literal.String.Double
.se { color: #EEFFFF } // Literal.String.Escape
.sh { color: #C3E88D } // Literal.String.Heredoc
.si { color: #C3E88D } // Literal.String.Interpol
.sx { color: #C3E88D } // Literal.String.Other
.sr { color: #C3E88D } // Literal.String.Regex
.s1 { color: #C3E88D } // Literal.String.Single
.ss { color: #C3E88D } // Literal.String.Symbol
.bp { color: #999 } // Name.Builtin.Pseudo
.vc { color: #FFCB6B } // Name.Variable.Class
.vg { color: #EEFFFF } // Name.Variable.Global
.vi { color: #EEFFFF } // Name.Variable.Instance
.il { color: #F78C6C } // Literal.Number.Integer.Long
}

4
_sass/minima-dark/skins/solarized-dark.scss Normal file
View File

@ -0,0 +1,4 @@
@charset "utf-8";
$sol-is-dark: true;
@import "minima/skins/solarized";

140
_sass/minima-dark/skins/solarized.scss Normal file
View File

File diff suppressed because it is too large Load Diff