summaryrefslogtreecommitdiff
path: root/_sass/skins
diff options
context:
space:
mode:
Diffstat (limited to '_sass/skins')
-rw-r--r--_sass/skins/_chocolate.scss74
-rw-r--r--_sass/skins/_dark.scss74
-rw-r--r--_sass/skins/_default.scss74
-rw-r--r--_sass/skins/_forest.scss74
-rw-r--r--_sass/skins/_ocean.scss74
-rw-r--r--_sass/skins/_orange.scss74
-rw-r--r--_sass/skins/highlight/_default.scss0
-rw-r--r--_sass/skins/highlight/_tomorrow-night-blue.scss2
-rw-r--r--_sass/skins/highlight/_tomorrow-night-bright.scss2
-rw-r--r--_sass/skins/highlight/_tomorrow-night-eighties.scss2
-rw-r--r--_sass/skins/highlight/_tomorrow-night.scss2
-rw-r--r--_sass/skins/highlight/_tomorrow.scss2
-rw-r--r--_sass/skins/highlight/tomorrow/_default.scss10
-rw-r--r--_sass/skins/highlight/tomorrow/_highlight.scss74
-rw-r--r--_sass/skins/highlight/tomorrow/_night-blue.scss10
-rw-r--r--_sass/skins/highlight/tomorrow/_night-bright.scss10
-rw-r--r--_sass/skins/highlight/tomorrow/_night-eighties.scss10
-rw-r--r--_sass/skins/highlight/tomorrow/_night.scss10
18 files changed, 578 insertions, 0 deletions
diff --git a/_sass/skins/_chocolate.scss b/_sass/skins/_chocolate.scss
new file mode 100644
index 0000000..b2098d5
--- /dev/null
+++ b/_sass/skins/_chocolate.scss
@@ -0,0 +1,74 @@
+///
+// Skin: Chocolate
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1: #563a20;
+$text-color-1: rgba(#fff, .85);
+
+$main-color-2: #8a2827;
+$text-color-2: rgba(#fff, .85);
+
+$main-color-3: #b49b92;
+$text-color-3: rgba(#fff, .85);
+
+$main-color-theme-light: rgba(#000, .9);
+$main-color-theme-dark: rgba(#fff, .9);
+
+// page background
+$background-color: #d2c2bc;
+
+// text colors
+$text-color-theme-light-d: rgba(#000, .95);
+$text-color-theme-light: rgba(#000, .85);
+$text-color-theme-light-l: rgba(#000, .5);
+
+$text-color-theme-dark-d: #fff;
+$text-color-theme-dark: rgba(#fff, .95);
+$text-color-theme-dark-l: rgba(#fff, .85);
+
+$text-color-d: $text-color-theme-light-d;
+$text-color: $text-color-theme-light;
+$text-color-l: $text-color-theme-light-l;
+
+$text-background-color: rgba(#000, .05);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// border and shadow colors
+$border-color: $main-color-3;
+$border-color-l: mix(#000, $background-color, 10%);
+$decorate-color: rgba(#000, .1);
+$mask-color: rgba(#000, .9);
+$select-color: rgba($main-color-3, .5);
+
+// function colors
+$green: #5baa34;
+$blue: #1c7cd4;
+$yellow: #c9771f;
+$red: #da3d45;
+$text-color-function: rgba(#fff, .85);
+
+// logo colors
+$mail-color: #0072c5;
+$facebook-color: #4267b2;
+$twitter-color: #1da1f2;
+$weibo-color: #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color: #32afed;
+$medium-color: #000;
+$zhihu-color: #0084ff;
+$douban-color: #42bd56;
+$linkedin-color: #1074af;
+$github-color: #000;
+$npm-color: #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow-night-eighties";
diff --git a/_sass/skins/_dark.scss b/_sass/skins/_dark.scss
new file mode 100644
index 0000000..7250a87
--- /dev/null
+++ b/_sass/skins/_dark.scss
@@ -0,0 +1,74 @@
+///
+// Skin: Dark
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1: #ff9500;
+$text-color-1: rgba(#fff, .8);
+
+$main-color-2: #ff006a;
+$text-color-2: rgba(#fff, .8);
+
+$main-color-3: #202020;
+$text-color-3: rgba(#fff, .8);
+
+$main-color-theme-light: rgba(#000, .8);
+$main-color-theme-dark: rgba(#fff, .8);
+
+// page background
+$background-color: #121212;
+
+// text colors
+$text-color-theme-light-d: #000;
+$text-color-theme-light: #222;
+$text-color-theme-light-l: #888;
+
+$text-color-theme-dark-d: rgba(#fff, .8);
+$text-color-theme-dark: rgba(#fff, .7);
+$text-color-theme-dark-l: rgba(#fff, .5);
+
+$text-color-d: $text-color-theme-dark-d;
+$text-color: $text-color-theme-dark;
+$text-color-l: $text-color-theme-dark-l;
+
+$text-background-color: rgba(#fff, .05);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// border and shadow colors
+$border-color: mix(#fff, $background-color, 20%);
+$border-color-l: mix(#fff, $background-color, 10%);
+$decorate-color: rgba(#fff, .1);
+$mask-color: rgba(#000, .9);
+$select-color: rgba($main-color-1, .5);
+
+// function colors
+$green: #5baa34;
+$blue: #1c7cd4;
+$yellow: #c9771f;
+$red: #da3d45;
+$text-color-function: rgba(#fff, .8);
+
+// logo colors
+$mail-color: #0072c5;
+$facebook-color: #4267b2;
+$twitter-color: #1da1f2;
+$weibo-color: #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color: #32afed;
+$medium-color: #000;
+$zhihu-color: #0084ff;
+$douban-color: #42bd56;
+$linkedin-color: #1074af;
+$github-color: #000;
+$npm-color: #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow-night";
diff --git a/_sass/skins/_default.scss b/_sass/skins/_default.scss
new file mode 100644
index 0000000..fc28935
--- /dev/null
+++ b/_sass/skins/_default.scss
@@ -0,0 +1,74 @@
+///
+// Skin: Default
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1: #fc4d50;
+$text-color-1: #fff;
+
+$main-color-2: #fca24d;
+$text-color-2: #fff;
+
+$main-color-3: #f2f2f2;
+$text-color-3: #333;
+
+$main-color-theme-light: rgba(#000, .9);
+$main-color-theme-dark: rgba(#fff, .9);
+
+// page background
+$background-color: #fff;
+
+// text colors
+$text-color-theme-light-d: #000;
+$text-color-theme-light: #222;
+$text-color-theme-light-l: #888;
+
+$text-color-theme-dark-d: #fff;
+$text-color-theme-dark: rgba(#fff, .95);
+$text-color-theme-dark-l: rgba(#fff, .85);
+
+$text-color-d: $text-color-theme-light-d;
+$text-color: $text-color-theme-light;
+$text-color-l: $text-color-theme-light-l;
+
+$text-background-color: rgba(#000, .05);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// border and shadow colors
+$border-color: mix(#000, $background-color, 20%);
+$border-color-l: mix(#000, $background-color, 10%);
+$decorate-color: rgba(#000, .1);
+$mask-color: rgba(#000, .9);
+$select-color: rgba($main-color-1, .5);
+
+// function colors
+$green: #52c41a;
+$blue: #1890ff;
+$yellow: #fa8c16;
+$red: #f5222d;
+$text-color-function: #fff;
+
+// logo colors
+$mail-color: #0072c5;
+$facebook-color: #4267b2;
+$twitter-color: #1da1f2;
+$weibo-color: #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color: #32afed;
+$medium-color: #000;
+$zhihu-color: #0084ff;
+$douban-color: #42bd56;
+$linkedin-color: #1074af;
+$github-color: #000;
+$npm-color: #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow";
diff --git a/_sass/skins/_forest.scss b/_sass/skins/_forest.scss
new file mode 100644
index 0000000..df2c63a
--- /dev/null
+++ b/_sass/skins/_forest.scss
@@ -0,0 +1,74 @@
+///
+// Skin: Forest
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1: #bb6170;
+$text-color-1: #fff;
+
+$main-color-2: #f3c584;
+$text-color-2: #fff;
+
+$main-color-3: #7cc7bb;
+$text-color-3: #fff;
+
+$main-color-theme-light: rgba(#000, .9);
+$main-color-theme-dark: rgba(#fff, .9);
+
+// page background
+$background-color: #f8fcfb;
+
+// text colors
+$text-color-theme-light-d: #325f74;
+$text-color-theme-light: #3e758f;
+$text-color-theme-light-l: #619dbb;
+
+$text-color-theme-dark-d: #fff;
+$text-color-theme-dark: rgba(#fff, .95);
+$text-color-theme-dark-l: rgba(#fff, .85);
+
+$text-color-d: $text-color-theme-light-d;
+$text-color: $text-color-theme-light;
+$text-color-l: $text-color-theme-light-l;
+
+$text-background-color: rgba(#000, .05);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// border and shadow colors
+$border-color: #3e758f;
+$border-color-l: mix(#000, $background-color, 10%);
+$decorate-color: rgba(#bb6170, .15);
+$mask-color: rgba(#000, .9);
+$select-color: rgba($main-color-1, .5);
+
+// function colors
+$green: #52c41a;
+$blue: #1890ff;
+$yellow: #fa8c16;
+$red: #f5222d;
+$text-color-function: #fff;
+
+// logo colors
+$mail-color: #0072c5;
+$facebook-color: #4267b2;
+$twitter-color: #1da1f2;
+$weibo-color: #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color: #32afed;
+$medium-color: #000;
+$zhihu-color: #0084ff;
+$douban-color: #42bd56;
+$linkedin-color: #1074af;
+$github-color: #000;
+$npm-color: #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow";
diff --git a/_sass/skins/_ocean.scss b/_sass/skins/_ocean.scss
new file mode 100644
index 0000000..c4da252
--- /dev/null
+++ b/_sass/skins/_ocean.scss
@@ -0,0 +1,74 @@
+///
+// Skin: Ocean
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1: #0366d6;
+$text-color-1: #fff;
+
+$main-color-2: #a5917f;
+$text-color-2: #fff;
+
+$main-color-3: #f1f8ff;
+$text-color-3: #0366d6;
+
+$main-color-theme-light: rgba(#000, .9);
+$main-color-theme-dark: rgba(#fff, .9);
+
+// page background
+$background-color: #fff;
+
+// text colors
+$text-color-theme-light-d: rgba(#000, .95);
+$text-color-theme-light: rgba(#000, .85);
+$text-color-theme-light-l: rgba(#000, .5);
+
+$text-color-theme-dark-d: #fff;
+$text-color-theme-dark: rgba(#fff, .95);
+$text-color-theme-dark-l: rgba(#fff, .85);
+
+$text-color-d: $text-color-theme-light-d;
+$text-color: $text-color-theme-light;
+$text-color-l: $text-color-theme-light-l;
+
+$text-background-color: rgba(#000, .05);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: $main-color-3;
+
+$footer-text-color: $text-color-3;
+$footer-background: $main-color-3;
+
+// border and shadow colors
+$border-color: mix(#000, $background-color, 20%);
+$border-color-l: mix(#000, $background-color, 10%);
+$decorate-color: rgba(#000, .1);
+$mask-color: rgba(#000, .9);
+$select-color: rgba($main-color-1, .5);
+
+// function colors
+$green: #52c41a;
+$blue: #1890ff;
+$yellow: #fa8c16;
+$red: #f5222d;
+$text-color-function: #fff;
+
+// logo colors
+$mail-color: #0072c5;
+$facebook-color: #4267b2;
+$twitter-color: #1da1f2;
+$weibo-color: #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color: #32afed;
+$medium-color: #000;
+$zhihu-color: #0084ff;
+$douban-color: #42bd56;
+$linkedin-color: #1074af;
+$github-color: #000;
+$npm-color: #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow-night-blue";
diff --git a/_sass/skins/_orange.scss b/_sass/skins/_orange.scss
new file mode 100644
index 0000000..4ffdbb1
--- /dev/null
+++ b/_sass/skins/_orange.scss
@@ -0,0 +1,74 @@
+///
+// Skin: Orange
+// Author: Tian Qi
+// Email: kitian616@outlook.com
+///
+
+// main colors
+$main-color-1: #f92651;
+$text-color-1: #fff;
+
+$main-color-2: #fdb824;
+$text-color-2: #fff;
+
+$main-color-3: #ff8a64;
+$text-color-3: #fff;
+
+$main-color-theme-light: rgba(#000, .9);
+$main-color-theme-dark: rgba(#fff, .9);
+
+// page background
+$background-color: #fffdfa;
+
+// text colors
+$text-color-theme-light-d: rgba(#000, .95);
+$text-color-theme-light: rgba(#000, .85);
+$text-color-theme-light-l: rgba(#000, .5);
+
+$text-color-theme-dark-d: rgba(#fff, .95);
+$text-color-theme-dark: rgba(#fff, .85);
+$text-color-theme-dark-l: rgba(#fff, .65);
+
+$text-color-d: $text-color-theme-light-d;
+$text-color: $text-color-theme-light;
+$text-color-l: $text-color-theme-light-l;
+
+$text-background-color: rgba(#000, .05);
+
+// header and footer colors
+$header-text-color: $text-color-3;
+$header-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
+
+$footer-text-color: $text-color-3;
+$footer-background: linear-gradient(60deg, #ffa650 0%, #ff7b50 100%);
+
+// border and shadow colors
+$border-color: mix($main-color-1, $background-color, 50%);
+$border-color-l: mix(#000, $background-color, 10%);
+$decorate-color: rgba(#000, .1);
+$mask-color: rgba(#000, .9);
+$select-color: rgba($main-color-3, .5);
+
+// function colors
+$green: #52c41a;
+$blue: #1890ff;
+$yellow: #fa8c16;
+$red: #f5222d;
+$text-color-function: #fff;
+
+// logo colors
+$mail-color: #0072c5;
+$facebook-color: #4267b2;
+$twitter-color: #1da1f2;
+$weibo-color: #e6162d;
+$google-plus-color:#ea4335;
+$telegram-color: #32afed;
+$medium-color: #000;
+$zhihu-color: #0084ff;
+$douban-color: #42bd56;
+$linkedin-color: #1074af;
+$github-color: #000;
+$npm-color: #fff;
+
+// highlight colors
+@import "skins/highlight/tomorrow-night-eighties";
diff --git a/_sass/skins/highlight/_default.scss b/_sass/skins/highlight/_default.scss
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/_sass/skins/highlight/_default.scss
diff --git a/_sass/skins/highlight/_tomorrow-night-blue.scss b/_sass/skins/highlight/_tomorrow-night-blue.scss
new file mode 100644
index 0000000..473cbff
--- /dev/null
+++ b/_sass/skins/highlight/_tomorrow-night-blue.scss
@@ -0,0 +1,2 @@
+@import "./tomorrow/night-blue";
+@import "./tomorrow/highlight";
diff --git a/_sass/skins/highlight/_tomorrow-night-bright.scss b/_sass/skins/highlight/_tomorrow-night-bright.scss
new file mode 100644
index 0000000..05af36c
--- /dev/null
+++ b/_sass/skins/highlight/_tomorrow-night-bright.scss
@@ -0,0 +1,2 @@
+@import "./tomorrow/night-bright";
+@import "./tomorrow/highlight";
diff --git a/_sass/skins/highlight/_tomorrow-night-eighties.scss b/_sass/skins/highlight/_tomorrow-night-eighties.scss
new file mode 100644
index 0000000..4144a5e
--- /dev/null
+++ b/_sass/skins/highlight/_tomorrow-night-eighties.scss
@@ -0,0 +1,2 @@
+@import "./tomorrow/night-eighties";
+@import "./tomorrow/highlight";
diff --git a/_sass/skins/highlight/_tomorrow-night.scss b/_sass/skins/highlight/_tomorrow-night.scss
new file mode 100644
index 0000000..2cb5d72
--- /dev/null
+++ b/_sass/skins/highlight/_tomorrow-night.scss
@@ -0,0 +1,2 @@
+@import "./tomorrow/night";
+@import "./tomorrow/highlight";
diff --git a/_sass/skins/highlight/_tomorrow.scss b/_sass/skins/highlight/_tomorrow.scss
new file mode 100644
index 0000000..90aaf3b
--- /dev/null
+++ b/_sass/skins/highlight/_tomorrow.scss
@@ -0,0 +1,2 @@
+@import "./tomorrow/default";
+@import "./tomorrow/highlight";
diff --git a/_sass/skins/highlight/tomorrow/_default.scss b/_sass/skins/highlight/tomorrow/_default.scss
new file mode 100644
index 0000000..c739cf7
--- /dev/null
+++ b/_sass/skins/highlight/tomorrow/_default.scss
@@ -0,0 +1,10 @@
+$highlight-background : #f7f7f7;
+$highlight-foreground : #4d4d4c;
+$highlight-comment : #8e908c;
+$highlight-red : #c82829;
+$highlight-orange : #f5871f;
+$highlight-yellow : #eab700;
+$highlight-green : #718c00;
+$highlight-aqua : #3e999f;
+$highlight-blue : #4271ae;
+$highlight-purple : #8959a8;
diff --git a/_sass/skins/highlight/tomorrow/_highlight.scss b/_sass/skins/highlight/tomorrow/_highlight.scss
new file mode 100644
index 0000000..c026a44
--- /dev/null
+++ b/_sass/skins/highlight/tomorrow/_highlight.scss
@@ -0,0 +1,74 @@
+figure.highlight::before {
+ color: $highlight-comment !important;
+ background-color: $highlight-background !important;
+}
+pre.lineno {
+ color: $highlight-comment !important;
+}
+.highlight > pre {
+ color: $highlight-foreground;
+ background-color: $highlight-background !important;
+ .c { color: $highlight-comment; } /* Comment */
+ .err { color: $highlight-red; } /* Error */
+ .k { color: $highlight-purple; } /* Keyword */
+ .l { color: $highlight-orange; } /* Literal */
+ .n { color: $highlight-foreground; } /* Name */
+ .o { color: $highlight-aqua; } /* Operator */
+ .p { color: $highlight-foreground; } /* Punctuation */
+ .cm { color: $highlight-comment; } /* Comment.Multiline */
+ .cp { color: $highlight-comment; } /* Comment.Preproc */
+ .c1 { color: $highlight-comment; } /* Comment.Single */
+ .cs { color: $highlight-comment; } /* Comment.Special */
+ .gd { color: $highlight-red; } /* Generic.Deleted */
+ .ge { font-style: italic; } /* Generic.Emph */
+ .gh { font-weight: bold; color: $highlight-foreground; } /* Generic.Heading */
+ .gi { color: $highlight-green; } /* Generic.Inserted */
+ .gp { font-weight: bold; color: $highlight-comment; } /* Generic.Prompt */
+ .gs { font-weight: bold; } /* Generic.Strong */
+ .gu { font-weight: bold; color: $highlight-aqua; } /* Generic.Subheading */
+ .kc { color: $highlight-purple; } /* Keyword.Constant */
+ .kd { color: $highlight-purple; } /* Keyword.Declaration */
+ .kn { color: $highlight-aqua; } /* Keyword.Namespace */
+ .kp { color: $highlight-purple; } /* Keyword.Pseudo */
+ .kr { color: $highlight-purple; } /* Keyword.Reserved */
+ .kt { color: $highlight-yellow; } /* Keyword.Type */
+ .ld { color: $highlight-green; } /* Literal.Date */
+ .m { color: $highlight-orange; } /* Literal.Number */
+ .s { color: $highlight-green; } /* Literal.String */
+ .na { color: $highlight-blue; } /* Name.Attribute */
+ .nb { color: $highlight-foreground; } /* Name.Builtin */
+ .nc { color: $highlight-yellow; } /* Name.Class */
+ .no { color: $highlight-red; } /* Name.Constant */
+ .nd { color: $highlight-aqua; } /* Name.Decorator */
+ .ni { color: $highlight-foreground; } /* Name.Entity */
+ .ne { color: $highlight-red; } /* Name.Exception */
+ .nf { color: $highlight-blue; } /* Name.Function */
+ .nl { color: $highlight-foreground; } /* Name.Label */
+ .nn { color: $highlight-yellow; } /* Name.Namespace */
+ .nx { color: $highlight-blue; } /* Name.Other */
+ .py { color: $highlight-foreground; } /* Name.Property */
+ .nt { color: $highlight-aqua; } /* Name.Tag */
+ .nv { color: $highlight-red; } /* Name.Variable */
+ .ow { color: $highlight-aqua; } /* Operator.Word */
+ .w { color: $highlight-foreground; } /* Text.Whitespace */
+ .mf { color: $highlight-orange; } /* Literal.Number.Float */
+ .mh { color: $highlight-orange; } /* Literal.Number.Hex */
+ .mi { color: $highlight-orange; } /* Literal.Number.Integer */
+ .mo { color: $highlight-orange; } /* Literal.Number.Oct */
+ .sb { color: $highlight-green; } /* Literal.String.Backtick */
+ .sc { color: $highlight-foreground; } /* Literal.String.Char */
+ .sd { color: $highlight-comment; } /* Literal.String.Doc */
+ .s2 { color: $highlight-green; } /* Literal.String.Double */
+ .se { color: $highlight-orange; } /* Literal.String.Escape */
+ .sh { color: $highlight-green; } /* Literal.String.Heredoc */
+ .si { color: $highlight-orange; } /* Literal.String.Interpol */
+ .sx { color: $highlight-green; } /* Literal.String.Other */
+ .sr { color: $highlight-green; } /* Literal.String.Regex */
+ .s1 { color: $highlight-green; } /* Literal.String.Single */
+ .ss { color: $highlight-green; } /* Literal.String.Symbol */
+ .bp { color: $highlight-foreground; } /* Name.Builtin.Pseudo */
+ .vc { color: $highlight-red; } /* Name.Variable.Class */
+ .vg { color: $highlight-red; } /* Name.Variable.Global */
+ .vi { color: $highlight-red; } /* Name.Variable.Instance */
+ .il { color: $highlight-orange; } /* Literal.Number.Integer.Long */
+}
diff --git a/_sass/skins/highlight/tomorrow/_night-blue.scss b/_sass/skins/highlight/tomorrow/_night-blue.scss
new file mode 100644
index 0000000..74fbf7f
--- /dev/null
+++ b/_sass/skins/highlight/tomorrow/_night-blue.scss
@@ -0,0 +1,10 @@
+$highlight-background :#002451;
+$highlight-foreground :#fff;
+$highlight-comment :#7285b7;
+$highlight-red :#ff9da4;
+$highlight-orange :#ffc58f;
+$highlight-yellow :#ffeead;
+$highlight-green :#d1f1a9;
+$highlight-aqua :#9ff;
+$highlight-blue :#bbdaff;
+$highlight-purple :#ebbbff;
diff --git a/_sass/skins/highlight/tomorrow/_night-bright.scss b/_sass/skins/highlight/tomorrow/_night-bright.scss
new file mode 100644
index 0000000..39d6cfc
--- /dev/null
+++ b/_sass/skins/highlight/tomorrow/_night-bright.scss
@@ -0,0 +1,10 @@
+$highlight-background :#000;
+$highlight-foreground :#eaeaea;
+$highlight-comment :#969896;
+$highlight-red :#d54e53;
+$highlight-orange :#e78c45;
+$highlight-yellow :#e7c547;
+$highlight-green :#b9ca4a;
+$highlight-aqua :#70c0b1;
+$highlight-blue :#7aa6da;
+$highlight-purple :#c397d8;
diff --git a/_sass/skins/highlight/tomorrow/_night-eighties.scss b/_sass/skins/highlight/tomorrow/_night-eighties.scss
new file mode 100644
index 0000000..4bd0ddb
--- /dev/null
+++ b/_sass/skins/highlight/tomorrow/_night-eighties.scss
@@ -0,0 +1,10 @@
+$highlight-background :#2d2d2d;
+$highlight-foreground :#ccc;
+$highlight-comment :#999;
+$highlight-red :#f2777a;
+$highlight-orange :#f99157;
+$highlight-yellow :#fc6;
+$highlight-green :#9c9;
+$highlight-aqua :#6cc;
+$highlight-blue :#69c;
+$highlight-purple :#c9c;
diff --git a/_sass/skins/highlight/tomorrow/_night.scss b/_sass/skins/highlight/tomorrow/_night.scss
new file mode 100644
index 0000000..98a0294
--- /dev/null
+++ b/_sass/skins/highlight/tomorrow/_night.scss
@@ -0,0 +1,10 @@
+$highlight-background : #1d1f21;
+$highlight-foreground : #c5c8c6;
+$highlight-comment : #969896;
+$highlight-red : #c66;
+$highlight-orange : #de935f;
+$highlight-yellow : #f0c674;
+$highlight-green : #b5bd68;
+$highlight-aqua : #8abeb7;
+$highlight-blue : #81a2be;
+$highlight-purple : #b294bb;