jekyll-theme-console 0.3.4 → 0.3.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +66 -16
  3. data/_includes/head.html +14 -4
  4. data/_sass/_dark.scss +33 -0
  5. data/_sass/_hacker.scss +33 -0
  6. data/_sass/_light.scss +33 -0
  7. data/_sass/base.scss +76 -76
  8. data/assets/main-dark.scss +1 -0
  9. data/assets/main-hacker.scss +6 -0
  10. data/assets/main-light.scss +1 -0
  11. data/assets/main.scss +10 -0
  12. metadata +15 -12
  13. data/_sass/dark.scss +0 -15
  14. data/_sass/light.scss +0 -15
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ea203634a688f532c2830a9149a87bab62c7c86fdc86771142df8ce8e1e83a01
4
- data.tar.gz: df1e67edfe7641ca83f9e8bd7dca1d43e18cb31eaacf89c87205d42ca1a82ed8
3
+ metadata.gz: c6bc146b1c0ab3b4965967fb1c7a1732c6a411878660664ab344ac1554dc754a
4
+ data.tar.gz: 6423200977d9ac01014a5a01fefe2ae6c271b16a5902cc5d333b88f51e95cbf4
5
5
  SHA512:
6
- metadata.gz: c2287c606d4c44a1f0024db35ee715ac87a1fb69178adcadd8e819c19b68caaeb80fdc7bd934630c798d46530cac39377d953770d5108b7635005b067ddfdad3
7
- data.tar.gz: 1af0aff84d813eea55fa64361dffa11ac23081138934dabe70ff5d23fc671e97f2f775b5c3352606331e74db5a9d05c6550b4827537b9ced0ee97ce865c10233
6
+ metadata.gz: c65e8e4cdc3f2437ba85039d5e1f78b3cc74eeda76047fce4ce084f61fcca48433d13e6ec383a5e8e520adbde073d0cf11fbb2d41c56389b2f98df481c9b0ad2
7
+ data.tar.gz: 5fb645f5c9e39f0ec99473c2055b5b3b3e27a07fce5229df8571817df689db8a0e93297a1029ee020c62a7af62bc8447343e544587317b6dbbd0014afb855022
data/README.md CHANGED
@@ -6,52 +6,102 @@ A jekyll theme with inspiration from linux consoles for hackers, developers and
6
6
 
7
7
  ## Demo
8
8
 
9
- [https://b2a3e8.github.io/jekyll-theme-console/](https://b2a3e8.github.io/jekyll-theme-console/)
9
+ [dark style](https://b2a3e8.github.io/jekyll-theme-console-demo-dark/) ([source code](https://github.com/b2a3e8/jekyll-theme-console-demo-dark)):
10
10
 
11
- source code: [https://github.com/b2a3e8/jekyll-theme-console/tree/gh-pages](https://github.com/b2a3e8/jekyll-theme-console/tree/gh-pages)
11
+ [<img src="https://raw.githubusercontent.com/b2a3e8/jekyll-theme-console/master/screenshot-dark.png" width="350" title="Screenshot">](https://b2a3e8.github.io/jekyll-theme-console-demo-dark/)
12
+
13
+
14
+ [light style](https://b2a3e8.github.io/jekyll-theme-console-demo-light/) ([source code](https://github.com/b2a3e8/jekyll-theme-console-demo-light)):
15
+
16
+ [<img src="https://raw.githubusercontent.com/b2a3e8/jekyll-theme-console/master/screenshot-light.png" width="350" title="Screenshot">](https://b2a3e8.github.io/jekyll-theme-console-demo-light/)
17
+
18
+
19
+ [hacker style](https://b2a3e8.github.io/jekyll-theme-console-demo-hacker/) ([source code](https://github.com/b2a3e8/jekyll-theme-console-demo-hacker)):
20
+
21
+ [<img src="https://raw.githubusercontent.com/b2a3e8/jekyll-theme-console/master/screenshot-hacker.png" width="350" title="Screenshot">](https://b2a3e8.github.io/jekyll-theme-console-demo-hacker/)
12
22
 
13
23
 
14
24
  ## Installation
15
25
 
16
- Add this line to your Jekyll site's `Gemfile`:
26
+ 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.
17
27
 
18
- ```ruby
19
- gem "jekyll-theme-console"
20
- ```
28
+ **_You can also use the [demo site's source code](https://b2a3e8.github.io/jekyll-theme-console-demo-dark/) as template for an easy start._**
21
29
 
22
- And add this line to your Jekyll site's `_config.yml`:
30
+ ### Remote theme method for GitHub Pages
23
31
 
24
- ```yaml
25
- theme: jekyll-theme-console
26
- ```
32
+ Use this method for sites hosted with GitHub Pages only. To install:
33
+
34
+ 1. Set `remote_theme` in your project's Jekyll `_config.yml` file:
35
+
36
+ ```yaml
37
+ remote_theme: b2a3e8/jekyll-theme-console
38
+ ```
27
39
 
28
- And then execute:
40
+ ### Gem-based method
29
41
 
30
- $ bundle
42
+ 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
43
 
32
- Or install it yourself as:
44
+ This allows for easier installation and updating as you don't have to manage any of the theme files. To install:
33
45
 
34
- $ gem install jekyll-theme-console
46
+ 1. Add this line to your Jekyll site's `Gemfile`:
47
+
48
+ ```ruby
49
+ gem "jekyll-theme-console"
50
+ ```
51
+
52
+ 2. Fetch and update bundled gems by running the following [Bundler](http://bundler.io/) command:
53
+
54
+ ```bash
55
+ bundle
56
+ ```
57
+
58
+ 3. Set `theme` in your project's Jekyll `_config.yml` file:
59
+
60
+ ```yaml
61
+ theme: jekyll-theme-console
62
+ ```
63
+
64
+ To update the theme run `bundle update`.
35
65
 
36
66
  ## Usage
37
67
 
68
+ ### _config.yaml
69
+
38
70
  In addition to jekyll's default configuration options, you can provide:
39
71
  - `header_pages` to specify which pages should be displayed in navbar
40
72
  - `footer` string, which will be inserted on the end of the page (doesn't support markup, but html)
41
- - `google_analytics` tracking id (tracking will be enabled only in production environments)
73
+ - `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)
74
+ - `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)
75
+ - `style` to specify which predefined style (colors) should be used
42
76
 
43
77
  ```yaml
44
78
  header_pages:
45
79
  - index.md
46
80
  - about.md
47
81
 
48
- style: dark # dark (default) or light
82
+ style: dark # dark (default), light or hacker
83
+ listen_for_clients_preferred_style: true # false (default) or true
49
84
 
50
85
  footer: 'follow us on <a href="https://twitter.com/xxx">twitter</a>'
51
86
 
52
87
  google_analytics: UA-NNNNNNNN-N
53
88
  ```
54
89
 
90
+ ### front matter variables
91
+
92
+ Besides the predefined [front matter](https://jekyllrb.com/docs/front-matter/) variables from jekyll this theme also supports following variables:
93
+ - `title` to set a title for the page
94
+ - `lang` to specify the language, defaults to 'en'
95
+ - `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
96
+
97
+ ## Customization
98
+
99
+ If you want to customize this theme, follow this steps:
100
+ 1. Fork this repository (you can use the fork as your own theme or directly as your website)
101
+ 2. Create or modify files in `_layouts` directory for html-based changes
102
+ 3. Create or modify files in `_sass` and `assets` for css-based changes
103
+ - 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.
104
+ - Style-specific definitions are in `_sass/_dark.scss` respectively in `_sass/_light.scss`. You can change things like background-color there.
55
105
 
56
106
  ## Contributing
57
107
 
data/_includes/head.html CHANGED
@@ -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 -%}
data/_sass/_dark.scss ADDED
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Dark theme variables
3
+ */
4
+
5
+ :root {
6
+ --base-color: #DBDBDB;
7
+ --primary-color: #000000; // needed for github pages even when not used
8
+ --border: dashed 1px rgba(219, 219, 219, 0.9);
9
+ --selection-background: rgba(219, 219, 219, 0.99);
10
+ --selection-text: #000;
11
+ --background-color: #000;
12
+ --text-color: var(--base-color);
13
+ --placeholder-color: var(--base-color);
14
+ --link-color: var(--base-color);
15
+ --code-color-1: #aaaaaa;
16
+ --code-color-2: #ffffcc;
17
+ --code-color-3: #F00000;
18
+ --code-color-4: #F0A0A0;
19
+ --code-color-5: #b38aff;
20
+ --code-color-6: #5ba711;
21
+ --code-color-7: #e4e477;
22
+ --code-color-8: #000080;
23
+ --code-color-9: #05ca05;
24
+ --code-color-10: #888888;
25
+ --code-color-11: #555555;
26
+ --code-color-12: #800080;
27
+ --code-color-13: #00d4d4;
28
+ --code-color-14: #00c1c1;
29
+ --code-color-15: #ed9d13;
30
+ --code-color-16: #1e90ff;
31
+ --code-color-17: #800000;
32
+ --code-color-18: #bbbbbb;
33
+ }
data/_sass/_hacker.scss ADDED
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Hacker theme variables
3
+ */
4
+
5
+ :root {
6
+ --base-color: #00ff00;
7
+ --primary-color: #000000; // needed for github pages even when not used
8
+ --border: dashed 1px rgba(0, 255, 0, 0.9);
9
+ --selection-background: rgba(0, 255, 0, 0.99);
10
+ --selection-text: #000;
11
+ --background-color: #000;
12
+ --text-color: var(--base-color);
13
+ --placeholder-color: var(--base-color);
14
+ --link-color: var(--base-color);
15
+ --code-color-1: #aaaaaa;
16
+ --code-color-2: #ffffcc;
17
+ --code-color-3: #F00000;
18
+ --code-color-4: #F0A0A0;
19
+ --code-color-5: #b38aff;
20
+ --code-color-6: #5ba711;
21
+ --code-color-7: #e4e477;
22
+ --code-color-8: #000080;
23
+ --code-color-9: #05ca05;
24
+ --code-color-10: #888888;
25
+ --code-color-11: #555555;
26
+ --code-color-12: #800080;
27
+ --code-color-13: #00d4d4;
28
+ --code-color-14: #00c1c1;
29
+ --code-color-15: #ed9d13;
30
+ --code-color-16: #1e90ff;
31
+ --code-color-17: #800000;
32
+ --code-color-18: #bbbbbb;
33
+ }
data/_sass/_light.scss ADDED
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Light theme variables
3
+ */
4
+
5
+ :root {
6
+ --base-color: #000;
7
+ --primary-color: #000000; // needed for github pages even when not used
8
+ --border: dashed 1px rgba(0, 0, 0, 1);
9
+ --selection-background: rgba(0, 0, 0, 0.99);
10
+ --selection-text: #FFF;
11
+ --background-color: #FFF;
12
+ --text-color: var(--base-color);
13
+ --placeholder-color: var(--base-color);
14
+ --link-color: var(--base-color);
15
+ --code-color-1: #aaaaaa;
16
+ --code-color-2: #ffffcc;
17
+ --code-color-3: #F00000;
18
+ --code-color-4: #F0A0A0;
19
+ --code-color-5: #0000aa;
20
+ --code-color-6: #4c8317;
21
+ --code-color-7: #aa0000;
22
+ --code-color-8: #000080;
23
+ --code-color-9: #00aa00;
24
+ --code-color-10: #888888;
25
+ --code-color-11: #555555;
26
+ --code-color-12: #800080;
27
+ --code-color-13: #00aaaa;
28
+ --code-color-14: #009999;
29
+ --code-color-15: #aa5500;
30
+ --code-color-16: #1e90ff;
31
+ --code-color-17: #800000;
32
+ --code-color-18: #bbbbbb;
33
+ }
data/_sass/base.scss CHANGED
@@ -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 */
data/assets/main-dark.scss CHANGED
@@ -3,3 +3,4 @@
3
3
  ---
4
4
 
5
5
  @import "dark";
6
+ @import "base";
data/assets/main-hacker.scss ADDED
@@ -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";
data/assets/main-light.scss CHANGED
@@ -3,3 +3,4 @@
3
3
  ---
4
4
 
5
5
  @import "light";
6
+ @import "base";
data/assets/main.scss ADDED
@@ -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,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-console
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.4
4
+ version: 0.3.9
5
5
  platform: ruby
6
6
  authors:
7
7
  - b2a3e8
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-10-15 00:00:00.000000000 Z
11
+ date: 2020-07-04 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -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
data/_sass/dark.scss DELETED
@@ -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";
data/_sass/light.scss DELETED
@@ -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";