jekyll-theme-console 0.3.3 → 0.3.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7d621ee0f6d2a78a3c92bf27dfe39b259dfcc2f9e7e73658cfad7833404b1ddd
4
- data.tar.gz: 0d5fae682c15906318d8d22de36b31aeba3c3b7707af441e6b76ce351559bd05
3
+ metadata.gz: 0d8199be043bdc2145d7e1101fb983d2b0d95043e5cb5f365d534f8c0f8c6cf4
4
+ data.tar.gz: 5b5e30ea1aa790ae3d00805fbc1a0fbaa4b65390b0db82d4e9e36caf42720a17
5
5
  SHA512:
6
- metadata.gz: 80d1e9f8e6cd8c9d4867015e8131d8e23aa4030b32fb2ee61bba0d2b5bbd5bb8d34882073fb289363083f00593f287b5bbc8e03723b58dfc7a69408e07dfa06d
7
- data.tar.gz: b40aef8d87945152e4c52947a37eb80bf0e19857961dbd5c43cdd4a7a3b4b3dcb9ab3575fdf375210aa365e7f1b0ea78d2fe47bd9334ada4e46af0c5d317bc70
6
+ metadata.gz: ed26b0d2da4bdc81ed6c3bc3629e7fa2250ffef74e131839117440aae0de87b5211eb6b465af0d67d5eb142131e511a6d40190d04f18a979b8a7a95d91ce177f
7
+ data.tar.gz: 64c7f1ab473960237b744bab328e52e92387f9e2686dc1172f25c98ea69b315af260d4ced7ebc5c3099e322ab3938b002c9b4af119c0d1e23d5ac229e4860ae5
data/README.md CHANGED
@@ -2,53 +2,94 @@
2
2
 
3
3
  A jekyll theme with inspiration from linux consoles for hackers, developers and script kiddies.
4
4
 
5
- ![Screenshot](screenshot.gif)
6
-
5
+ <img src="https://raw.githubusercontent.com/b2a3e8/jekyll-theme-console/master/screenrec-dark.gif" width="550" title="Screenshot">
7
6
 
8
7
  ## Demo
9
8
 
10
9
  [https://b2a3e8.github.io/jekyll-theme-console/](https://b2a3e8.github.io/jekyll-theme-console/)
11
10
 
11
+ source code: [https://github.com/b2a3e8/jekyll-theme-console/tree/gh-pages](https://github.com/b2a3e8/jekyll-theme-console/tree/gh-pages)
12
+
12
13
 
13
14
  ## Installation
14
15
 
15
- Add this line to your Jekyll site's `Gemfile`:
16
+ First, follow the steps in [this Quickstart Guide](https://jekyllrb.com/docs/) if you're starting with Jekyll from scratch. Skip this if you already have an existing jekyll project.
16
17
 
17
- ```ruby
18
- gem "jekyll-theme-console"
19
- ```
18
+ ### Remote theme method for GitHub Pages
20
19
 
21
- And add this line to your Jekyll site's `_config.yml`:
20
+ Use this method for sites hosted with GitHub Pages only. To install:
22
21
 
23
- ```yaml
24
- theme: jekyll-theme-console
25
- ```
22
+ 1. Set `remote_theme` in your project's Jekyll `_config.yml` file:
23
+
24
+ ```yaml
25
+ remote_theme: b2a3e8/jekyll-theme-console
26
+ ```
27
+
28
+ ### Gem-based method
29
+
30
+ With Gem-based themes, directories such as the `assets`, `_layouts`, `_includes`, and `_sass` are stored in the theme’s gem, hidden from your immediate view. Yet all of the necessary directories will be read and processed during Jekyll’s build process.
31
+
32
+ This allows for easier installation and updating as you don't have to manage any of the theme files. To install:
26
33
 
27
- And then execute:
34
+ 1. Add this line to your Jekyll site's `Gemfile`:
28
35
 
29
- $ bundle
36
+ ```ruby
37
+ gem "jekyll-theme-console"
38
+ ```
30
39
 
31
- Or install it yourself as:
40
+ 2. Fetch and update bundled gems by running the following [Bundler](http://bundler.io/) command:
32
41
 
33
- $ gem install jekyll-theme-console
42
+ ```bash
43
+ bundle
44
+ ```
45
+
46
+ 3. Set `theme` in your project's Jekyll `_config.yml` file:
47
+
48
+ ```yaml
49
+ theme: jekyll-theme-console
50
+ ```
51
+
52
+ To update the theme run `bundle update`.
34
53
 
35
54
  ## Usage
36
55
 
56
+ ### _config.yaml
57
+
37
58
  In addition to jekyll's default configuration options, you can provide:
38
59
  - `header_pages` to specify which pages should be displayed in navbar
39
60
  - `footer` string, which will be inserted on the end of the page (doesn't support markup, but html)
40
- - `google_analytics` tracking id (tracking will be enabled only in production environments)
61
+ - `google_analytics` tracking id (tracking will be enabled only in production environments and only if you set this option, no Google Analytics code will be loaded if you don't set this option)
62
+ - `listen_for_clients_preferred_style` boolean, used to allow users to choose light or dark style based on their preferences (mostly affected by OS dark or light theme, details see https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme)
63
+ - `style` to specify which predefined style (colors) should be used
41
64
 
42
65
  ```yaml
43
66
  header_pages:
44
67
  - index.md
45
68
  - about.md
46
69
 
70
+ style: dark # dark (default), light or hacker
71
+ listen_for_clients_preferred_style: true # false (default) or true
72
+
47
73
  footer: 'follow us on <a href="https://twitter.com/xxx">twitter</a>'
48
74
 
49
75
  google_analytics: UA-NNNNNNNN-N
50
76
  ```
51
77
 
78
+ ### front matter variables
79
+
80
+ Besides the predefined [front matter](https://jekyllrb.com/docs/front-matter/) variables from jekyll this theme also supports following variables:
81
+ - `title` to set a title for the page
82
+ - `lang` to specify the language, defaults to 'en'
83
+ - `robots` to control the robot meta tag ([details](http://longqian.me/2017/02/12/jekyll-robots-configuration/)) - this may be useful for example to set `NOINDEX` to tag pages
84
+
85
+ ## Customization
86
+
87
+ If you want to customize this theme, follow this steps:
88
+ 1. Fork this repository (you can use the fork as your own theme or directly as your website)
89
+ 2. Create or modify files in `_layouts` directory for html-based changes
90
+ 3. Create or modify files in `_sass` and `assets` for css-based changes
91
+ - You can change things which are used in light and dark theme (like font-size) in `_sass/base.scss`. You'll find style variables at the top.
92
+ - Style-specific definitions are in `_sass/_dark.scss` respectively in `_sass/_light.scss`. You can change things like background-color there.
52
93
 
53
94
  ## Contributing
54
95
 
@@ -2,13 +2,23 @@
2
2
  <meta charset="utf-8">
3
3
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
4
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
5
- <title>{{ site.title }}{{ page.title }}</title>
5
+ <title>{{ page.title }}</title>
6
6
  {%- seo title=false -%}
7
7
 
8
- {%- if site.style == 'light' -%}
9
- <link rel="stylesheet" type="text/css" href="{{ "/assets/main-light.css" | relative_url }}">
8
+ {% if page.robots %}
9
+ <meta name="robots" content="{{page.robots}}" />
10
+ {% endif %}
11
+
12
+ {%- if site.listen_for_clients_preferred_style -%}
13
+ <link rel="stylesheet" type="text/css" href="{{ "/assets/main.css" | relative_url }}">
10
14
  {%- else -%}
11
- <link rel="stylesheet" type="text/css" href="{{ "/assets/main-dark.css" | relative_url }}">
15
+ {%- if site.style == 'light' -%}
16
+ <link rel="stylesheet" type="text/css" href="{{ "/assets/main-light.css" | relative_url }}">
17
+ {%- elsif site.style == 'hacker' -%}
18
+ <link rel="stylesheet" type="text/css" href="{{ "/assets/main-hacker.css" | relative_url }}">
19
+ {%- else -%}
20
+ <link rel="stylesheet" type="text/css" href="{{ "/assets/main-dark.css" | relative_url }}">
21
+ {%- endif -%}
12
22
  {%- endif -%}
13
23
 
14
24
  {%- if jekyll.environment == 'production' and site.google_analytics -%}
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Dark theme variables
3
+ */
4
+
5
+ :root {
6
+ --base-color: #DBDBDB;
7
+ --border: dashed 1px rgba(219, 219, 219, 0.9);
8
+ --selection-background: rgba(219, 219, 219, 0.99);
9
+ --selection-text: #000;
10
+ --background-color: #000;
11
+ --text-color: var(--base-color);
12
+ --placeholder-color: var(--base-color);
13
+ --link-color: var(--base-color);
14
+ --code-color-1: #aaaaaa;
15
+ --code-color-2: #ffffcc;
16
+ --code-color-3: #F00000;
17
+ --code-color-4: #F0A0A0;
18
+ --code-color-5: #b38aff;
19
+ --code-color-6: #5ba711;
20
+ --code-color-7: #e4e477;
21
+ --code-color-8: #000080;
22
+ --code-color-9: #05ca05;
23
+ --code-color-10: #888888;
24
+ --code-color-11: #555555;
25
+ --code-color-12: #800080;
26
+ --code-color-13: #00d4d4;
27
+ --code-color-14: #00c1c1;
28
+ --code-color-15: #ed9d13;
29
+ --code-color-16: #1e90ff;
30
+ --code-color-17: #800000;
31
+ --code-color-18: #bbbbbb;
32
+ }
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Hacker theme variables
3
+ */
4
+
5
+ :root {
6
+ --base-color: #00ff00;
7
+ --border: dashed 1px rgba(0, 255, 0, 0.9);
8
+ --selection-background: rgba(0, 255, 0, 0.99);
9
+ --selection-text: #000;
10
+ --background-color: #000;
11
+ --text-color: var(--base-color);
12
+ --placeholder-color: var(--base-color);
13
+ --link-color: var(--base-color);
14
+ --code-color-1: #aaaaaa;
15
+ --code-color-2: #ffffcc;
16
+ --code-color-3: #F00000;
17
+ --code-color-4: #F0A0A0;
18
+ --code-color-5: #b38aff;
19
+ --code-color-6: #5ba711;
20
+ --code-color-7: #e4e477;
21
+ --code-color-8: #000080;
22
+ --code-color-9: #05ca05;
23
+ --code-color-10: #888888;
24
+ --code-color-11: #555555;
25
+ --code-color-12: #800080;
26
+ --code-color-13: #00d4d4;
27
+ --code-color-14: #00c1c1;
28
+ --code-color-15: #ed9d13;
29
+ --code-color-16: #1e90ff;
30
+ --code-color-17: #800000;
31
+ --code-color-18: #bbbbbb;
32
+ }
@@ -0,0 +1,32 @@
1
+ /**
2
+ * Light theme variables
3
+ */
4
+
5
+ :root {
6
+ --base-color: #000;
7
+ --border: dashed 1px rgba(0, 0, 0, 1);
8
+ --selection-background: rgba(0, 0, 0, 0.99);
9
+ --selection-text: #FFF;
10
+ --background-color: #FFF;
11
+ --text-color: var(--base-color);
12
+ --placeholder-color: var(--base-color);
13
+ --link-color: var(--base-color);
14
+ --code-color-1: #aaaaaa;
15
+ --code-color-2: #ffffcc;
16
+ --code-color-3: #F00000;
17
+ --code-color-4: #F0A0A0;
18
+ --code-color-5: #0000aa;
19
+ --code-color-6: #4c8317;
20
+ --code-color-7: #aa0000;
21
+ --code-color-8: #000080;
22
+ --code-color-9: #00aa00;
23
+ --code-color-10: #888888;
24
+ --code-color-11: #555555;
25
+ --code-color-12: #800080;
26
+ --code-color-13: #00aaaa;
27
+ --code-color-14: #009999;
28
+ --code-color-15: #aa5500;
29
+ --code-color-16: #1e90ff;
30
+ --code-color-17: #800000;
31
+ --code-color-18: #bbbbbb;
32
+ }
@@ -14,12 +14,11 @@ $container-max-width: 600px !default;
14
14
  /**
15
15
  * Global
16
16
  */
17
- body { background-color: $background-color; margin: 0 auto; padding: 0; font-family: $base-font-family; font-size: $base-font-size; color: $text-color; text-align: left; line-height: $base-line-height !important; }
18
- h1, h2, h3, h4, h5, h6 { font-size: $base-font-size; margin: 0px; margin-top: 22px; font-weight: bold; color: $text-color; }
19
- p, ul, ol { margin: 0px; color: $text-color; }
20
- a { text-decoration: underline; color: $link-color; }
21
- a:hover { color: $background-color; background-color: $base-color; }
22
- .primary-text { color: $primary-color; }
17
+ body { background-color: var(--background-color); margin: 0 auto; padding: 0; font-family: $base-font-family; font-size: $base-font-size; color: var(--text-color); text-align: left; line-height: $base-line-height !important; }
18
+ h1, h2, h3, h4, h5, h6 { font-size: $base-font-size; margin: 0px; margin-top: 22px; font-weight: bold; color: var(--text-color); }
19
+ p, ul, ol { margin: 0px; color: var(--text-color); }
20
+ a { text-decoration: underline; color: var(--link-color); }
21
+ a:hover { color: var(--background-color); background-color: var(--base-color); }
23
22
  @media only screen and (max-device-width: 500px) { * { font-size: $mobile-font-size !important; } }
24
23
  /*h1:before { content: "#"; margin-right: 9px; }
25
24
  h2:before { content: "##"; margin-right: 9px; }
@@ -33,7 +32,7 @@ h6:before { content: "######"; margin-right: 9px; }*/
33
32
  */
34
33
  .container { width: $container-width; max-width: $container-max-width; margin-right: auto; margin-left: auto; }
35
34
  p { word-wrap: break-word; word-break: break-word; white-space: pre-wrap; }
36
- footer { color: $text-color; border-top: $border; margin: 20px auto 15px; padding-top: 10px; text-align: right; }
35
+ footer { color: var(--text-color); border-top: var(--border); margin: 20px auto 15px; padding-top: 10px; text-align: right; }
37
36
  header { margin-top: 25px; margin-bottom: 10px; }
38
37
  header p { text-align: left; margin: 0; }
39
38
  footer { margin-bottom: 20px; }
@@ -41,8 +40,8 @@ footer { margin-bottom: 20px; }
41
40
  /**
42
41
  * Highlight/Markup
43
42
  */
44
- ::selection { background: $selection-background; color: $selection-text; }
45
- ::-moz-selection { background: $selection-background; color: $selection-text; }
43
+ ::selection { background: var(--selection-background); color: var(--selection-text); }
44
+ ::-moz-selection { background: var(--selection-background); color: var(--selection-text); }
46
45
 
47
46
  /**
48
47
  * Lists
@@ -54,86 +53,87 @@ footer { margin-bottom: 20px; }
54
53
  /**
55
54
  * Header/Navigation
56
55
  */
57
- .menu { border-top: $border; border-bottom: $border; margin-bottom: 25px; }
56
+ .menu { border-top: var(--border); border-bottom: var(--border); margin-bottom: 25px; }
58
57
  .menu ul { margin-top: 12px; margin-bottom: 12px; padding-left: 0px; list-style-type: none; text-align: right; }
59
58
  .menu ul li { display: inline; margin-left: 10px; }
60
- .menu ul li a { text-decoration: none; color: $text-color; }
61
- .menu ul li a:hover { text-decoration: none; color: $background-color; background-color: $base-color; }
59
+ .menu ul li a { text-decoration: none; color: var(--text-color); }
60
+ .menu ul li a:hover { text-decoration: none; color: var(--background-color); background-color: var(--base-color); }
62
61
 
63
62
  /**
64
63
  * Form
65
64
  */
66
65
  input, select, textarea { padding: 0; margin: 0; -webkit-appearance: none; -webkit-border-radius: 0; border: none; }
67
- input[type=text], select, textarea { width: 100%; resize: none; background-color: $background-color; color: $text-color; caret-color: $text-color; font-size: $base-font-size; font-family: $base-font-family; line-height: $base-line-height; }
66
+ input[type=text], select, textarea { width: 100%; resize: none; background-color: var(--background-color); color: var(--text-color); caret-color: var(--text-color); font-size: $base-font-size; font-family: $base-font-family; line-height: $base-line-height; }
68
67
  input, select, textarea, textarea::-webkit-input-placeholder { text-indent: 0px; }
69
- ::placeholder { color: $placeholder-color; opacity: 1; }
70
- :-ms-input-placeholder { color: $placeholder-color; }
71
- ::-ms-input-placeholder { color: $placeholder-color; }
72
- input[type=submit] { font-size: $base-font-size; font-family: $base-font-family; line-height: $base-line-height; cursor: pointer; color: $link-color; background-color: $background-color; }
73
- input[type=submit]:hover { color: $background-color; background-color: $base-color; }
68
+ ::placeholder { color: var(--placeholder-color); opacity: 1; }
69
+ :-ms-input-placeholder { color: var(--placeholder-color); }
70
+ ::-ms-input-placeholder { color: var(--placeholder-color); }
71
+ input[type=submit] { font-size: $base-font-size; font-family: $base-font-family; line-height: $base-line-height; cursor: pointer; color: var(--link-color); background-color: var(--background-color); }
72
+ input[type=submit]:hover { color: var(--background-color); background-color: var(--base-color); }
74
73
  *:focus { outline: none; }
75
74
  textarea { vertical-align: top; }
76
75
 
77
76
  /**
78
77
  * Code and syntax highlighting
79
78
  */
80
- pre { background-color: $background-color; border: none; padding: 0px; overflow:auto; font-size: $base-font-size; color: rgba(255,255,255,0.65); line-height: 1.7 !important; }
81
- .highlight .c { color: #999988; font-style: italic } /* Comment */
82
- .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
83
- .highlight .k { font-weight: bold } /* Keyword */
84
- .highlight .o { font-weight: bold } /* Operator */
85
- .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
86
- .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
87
- .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
88
- .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
89
- .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
90
- .highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
79
+ .lineno { color: var(--code-color-1); margin-right: 15px; }
80
+ figure.highlight { margin: 5px 0; }
81
+ pre { background-color: var(--background-color); border: none; padding: 0; margin: 0; overflow:auto; font-size: $base-font-size; color: var(--text-color); line-height: 1.7 !important; font-family: $base-font-family !important; }
82
+ .highlight .hll { background-color: var(--code-color-2); }
83
+ .highlight .c { color: var(--code-color-1); font-style: italic } /* Comment */
84
+ .highlight .err { color: var(--code-color-3); background-color: var(--code-color-4); } /* Error */
85
+ .highlight .k { color: var(--code-color-5); } /* Keyword */
86
+ .highlight .cm { color: var(--code-color-1); font-style: italic } /* Comment.Multiline */
87
+ .highlight .cp { color: var(--code-color-6); } /* Comment.Preproc */
88
+ .highlight .c1 { color: var(--code-color-1); font-style: italic } /* Comment.Single */
89
+ .highlight .cs { color: var(--code-color-5); font-style: italic } /* Comment.Special */
90
+ .highlight .gd { color: var(--code-color-7); } /* Generic.Deleted */
91
91
  .highlight .ge { font-style: italic } /* Generic.Emph */
92
- .highlight .gr { color: #aa0000 } /* Generic.Error */
93
- .highlight .gh { color: #999999 } /* Generic.Heading */
94
- .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
95
- .highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
96
- .highlight .go { color: #888888 } /* Generic.Output */
97
- .highlight .gp { color: #555555 } /* Generic.Prompt */
92
+ .highlight .gr { color: var(--code-color-7); } /* Generic.Error */
93
+ .highlight .gh { color: var(--code-color-8); font-weight: bold } /* Generic.Heading */
94
+ .highlight .gi { color: var(--code-color-9); } /* Generic.Inserted */
95
+ .highlight .go { color: var(--code-color-10); } /* Generic.Output */
96
+ .highlight .gp { color: var(--code-color-11); } /* Generic.Prompt */
98
97
  .highlight .gs { font-weight: bold } /* Generic.Strong */
99
- .highlight .gu { color: #aaaaaa } /* Generic.Subheading */
100
- .highlight .gt { color: #aa0000 } /* Generic.Traceback */
101
- .highlight .kc { font-weight: bold } /* Keyword.Constant */
102
- .highlight .kd { font-weight: bold } /* Keyword.Declaration */
103
- .highlight .kp { font-weight: bold } /* Keyword.Pseudo */
104
- .highlight .kr { font-weight: bold } /* Keyword.Reserved */
105
- .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
106
- .highlight .m { color: #009999 } /* Literal.Number */
107
- .highlight .s { color: #d14 } /* Literal.String */
108
- .highlight .na { color: #008080 } /* Name.Attribute */
109
- .highlight .nb { color: #0086B3 } /* Name.Builtin */
110
- .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
111
- .highlight .no { color: #008080 } /* Name.Constant */
112
- .highlight .ni { color: #800080 } /* Name.Entity */
113
- .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
114
- .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
115
- .highlight .nn { color: #555555 } /* Name.Namespace */
116
- .highlight .nt { color: #000080 } /* Name.Tag */
117
- .highlight .nv { color: #008080 } /* Name.Variable */
118
- .highlight .ow { font-weight: bold } /* Operator.Word */
119
- .highlight .w { color: #bbbbbb } /* Text.Whitespace */
120
- .highlight .mf { color: #009999 } /* Literal.Number.Float */
121
- .highlight .mh { color: #009999 } /* Literal.Number.Hex */
122
- .highlight .mi { color: #009999 } /* Literal.Number.Integer */
123
- .highlight .mo { color: #009999 } /* Literal.Number.Oct */
124
- .highlight .sb { color: #d14 } /* Literal.String.Backtick */
125
- .highlight .sc { color: #d14 } /* Literal.String.Char */
126
- .highlight .sd { color: #d14 } /* Literal.String.Doc */
127
- .highlight .s2 { color: #d14 } /* Literal.String.Double */
128
- .highlight .se { color: #d14 } /* Literal.String.Escape */
129
- .highlight .sh { color: #d14 } /* Literal.String.Heredoc */
130
- .highlight .si { color: #d14 } /* Literal.String.Interpol */
131
- .highlight .sx { color: #d14 } /* Literal.String.Other */
132
- .highlight .sr { color: #009926 } /* Literal.String.Regex */
133
- .highlight .s1 { color: #d14 } /* Literal.String.Single */
134
- .highlight .ss { color: #990073 } /* Literal.String.Symbol */
135
- .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
136
- .highlight .vc { color: #008080 } /* Name.Variable.Class */
137
- .highlight .vg { color: #008080 } /* Name.Variable.Global */
138
- .highlight .vi { color: #008080 } /* Name.Variable.Instance */
139
- .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
98
+ .highlight .gu { color: var(--code-color-12); font-weight: bold } /* Generic.Subheading */
99
+ .highlight .gt { color: var(--code-color-7); } /* Generic.Traceback */
100
+ .highlight .kc { color: var(--code-color-5); } /* Keyword.Constant */
101
+ .highlight .kd { color: var(--code-color-5); } /* Keyword.Declaration */
102
+ .highlight .kn { color: var(--code-color-5); } /* Keyword.Namespace */
103
+ .highlight .kp { color: var(--code-color-5); } /* Keyword.Pseudo */
104
+ .highlight .kr { color: var(--code-color-5); } /* Keyword.Reserved */
105
+ .highlight .kt { color: var(--code-color-13); } /* Keyword.Type */
106
+ .highlight .m { color: var(--code-color-14); } /* Literal.Number */
107
+ .highlight .s { color: var(--code-color-15); } /* Literal.String */
108
+ .highlight .na { color: var(--code-color-16); } /* Name.Attribute */
109
+ .highlight .nb { color: var(--code-color-13); } /* Name.Builtin */
110
+ .highlight .nc { color: var(--code-color-9); text-decoration: underline } /* Name.Class */
111
+ .highlight .no { color: var(--code-color-7); } /* Name.Constant */
112
+ .highlight .nd { color: var(--code-color-10); } /* Name.Decorator */
113
+ .highlight .ni { color: var(--code-color-17); font-weight: bold } /* Name.Entity */
114
+ .highlight .nf { color: var(--code-color-9); } /* Name.Function */
115
+ .highlight .nn { color: var(--code-color-13); text-decoration: underline } /* Name.Namespace */
116
+ .highlight .nt { color: var(--code-color-16); font-weight: bold } /* Name.Tag */
117
+ .highlight .nv { color: var(--code-color-7); } /* Name.Variable */
118
+ .highlight .ow { color: var(--code-color-5); } /* Operator.Word */
119
+ .highlight .w { color: var(--code-color-18); } /* Text.Whitespace */
120
+ .highlight .mf { color: var(--code-color-14); } /* Literal.Number.Float */
121
+ .highlight .mh { color: var(--code-color-14); } /* Literal.Number.Hex */
122
+ .highlight .mi { color: var(--code-color-14); } /* Literal.Number.Integer */
123
+ .highlight .mo { color: var(--code-color-14); } /* Literal.Number.Oct */
124
+ .highlight .sb { color: var(--code-color-15); } /* Literal.String.Backtick */
125
+ .highlight .sc { color: var(--code-color-15); } /* Literal.String.Char */
126
+ .highlight .sd { color: var(--code-color-15); } /* Literal.String.Doc */
127
+ .highlight .s2 { color: var(--code-color-15); } /* Literal.String.Double */
128
+ .highlight .se { color: var(--code-color-15); } /* Literal.String.Escape */
129
+ .highlight .sh { color: var(--code-color-15); } /* Literal.String.Heredoc */
130
+ .highlight .si { color: var(--code-color-15); } /* Literal.String.Interpol */
131
+ .highlight .sx { color: var(--code-color-15); } /* Literal.String.Other */
132
+ .highlight .sr { color: var(--code-color-14); } /* Literal.String.Regex */
133
+ .highlight .s1 { color: var(--code-color-15); } /* Literal.String.Single */
134
+ .highlight .ss { color: var(--code-color-5); } /* Literal.String.Symbol */
135
+ .highlight .bp { color: var(--code-color-13); } /* Name.Builtin.Pseudo */
136
+ .highlight .vc { color: var(--code-color-7); } /* Name.Variable.Class */
137
+ .highlight .vg { color: var(--code-color-7); } /* Name.Variable.Global */
138
+ .highlight .vi { color: var(--code-color-7); } /* Name.Variable.Instance */
139
+ .highlight .il { color: var(--code-color-14); } /* Literal.Number.Integer.Long */
@@ -3,3 +3,4 @@
3
3
  ---
4
4
 
5
5
  @import "dark";
6
+ @import "base";
@@ -0,0 +1,6 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "hacker";
6
+ @import "base";
@@ -3,3 +3,4 @@
3
3
  ---
4
4
 
5
5
  @import "light";
6
+ @import "base";
@@ -0,0 +1,10 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import "light";
6
+ @import "base";
7
+
8
+ @media (prefers-color-scheme: dark) {
9
+ @import "dark";
10
+ }
metadata CHANGED
@@ -1,29 +1,29 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-console
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.3
4
+ version: 0.3.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - b2a3e8
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-04-26 00:00:00.000000000 Z
11
+ date: 2020-06-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
- version: '3.8'
19
+ version: '3.5'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - "~>"
24
+ - - ">="
25
25
  - !ruby/object:Gem::Version
26
- version: '3.8'
26
+ version: '3.5'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: jekyll-seo-tag
29
29
  requirement: !ruby/object:Gem::Requirement
@@ -42,30 +42,30 @@ dependencies:
42
42
  name: bundler
43
43
  requirement: !ruby/object:Gem::Requirement
44
44
  requirements:
45
- - - "~>"
45
+ - - ">="
46
46
  - !ruby/object:Gem::Version
47
- version: '1.16'
47
+ version: '0'
48
48
  type: :development
49
49
  prerelease: false
50
50
  version_requirements: !ruby/object:Gem::Requirement
51
51
  requirements:
52
- - - "~>"
52
+ - - ">="
53
53
  - !ruby/object:Gem::Version
54
- version: '1.16'
54
+ version: '0'
55
55
  - !ruby/object:Gem::Dependency
56
56
  name: rake
57
57
  requirement: !ruby/object:Gem::Requirement
58
58
  requirements:
59
- - - "~>"
59
+ - - ">="
60
60
  - !ruby/object:Gem::Version
61
- version: '12.0'
61
+ version: '0'
62
62
  type: :development
63
63
  prerelease: false
64
64
  version_requirements: !ruby/object:Gem::Requirement
65
65
  requirements:
66
- - - "~>"
66
+ - - ">="
67
67
  - !ruby/object:Gem::Version
68
- version: '12.0'
68
+ version: '0'
69
69
  description:
70
70
  email:
71
71
  - 31370519+b2a3e8@users.noreply.github.com
@@ -83,11 +83,14 @@ files:
83
83
  - _layouts/home.html
84
84
  - _layouts/page.html
85
85
  - _layouts/post.html
86
+ - _sass/_dark.scss
87
+ - _sass/_hacker.scss
88
+ - _sass/_light.scss
86
89
  - _sass/base.scss
87
- - _sass/dark.scss
88
- - _sass/light.scss
89
90
  - assets/main-dark.scss
91
+ - assets/main-hacker.scss
90
92
  - assets/main-light.scss
93
+ - assets/main.scss
91
94
  homepage: https://github.com/b2a3e8/jekyll-theme-console
92
95
  licenses:
93
96
  - MIT
@@ -1,15 +0,0 @@
1
- /**
2
- * Style variables
3
- */
4
- $base-color: #DBDBDB !default;
5
- $primary-color: #a1fc8f !default;
6
- $text-color: $base-color !default;
7
- $placeholder-color: $base-color !default;
8
- $link-color: $base-color !default;
9
- $border: dashed 1px rgba(219,219,219,0.9) !default;
10
- $selection-background: rgba(219,219,219,0.99) !default;
11
- $selection-text: #000 !default;
12
- $background-color: #000 !default;
13
-
14
-
15
- @import "base";
@@ -1,15 +0,0 @@
1
- /**
2
- * Style variables
3
- */
4
- $base-color: #000 !default;
5
- $primary-color: #0000EE !default;
6
- $text-color: $base-color !default;
7
- $placeholder-color: $base-color !default;
8
- $link-color: $base-color !default;
9
- $border: dashed 1px rgba(0,0,0,1) !default;
10
- $selection-background: rgba(0,0,0,0.99) !default;
11
- $selection-text: #fff !default;
12
- $background-color: #fff !default;
13
-
14
-
15
- @import "base";