diff options
| -rw-r--r-- | _scss/base/_highlight.scss | 20 | ||||
| -rw-r--r-- | _scss/base/_sakura.scss | 9 | ||||
| -rw-r--r-- | _scss/components/_core.scss | 2 | ||||
| -rw-r--r-- | _scss/highlight/_main.scss | 115 | ||||
| -rw-r--r-- | assets/background.svg | 14 |
5 files changed, 50 insertions, 110 deletions
diff --git a/_scss/base/_highlight.scss b/_scss/base/_highlight.scss index c801d16..c3cf783 100644 --- a/_scss/base/_highlight.scss +++ b/_scss/base/_highlight.scss @@ -1,20 +1,4 @@ -$color00: #000000; -$color01: #000080; -$color02: #0000FF; -$color03: #008080; -$color04: #008800; -$color05: #555555; -$color06: #800080; -$color07: #888888; -$color08: #999999; -$color09: #a61717; -$color10: #aa0000; -$color11: #aaaaaa; -$color12: #bbbbbb; -$color13: #ddffdd; -$color14: #e3d2d2; -$color15: #FF0000; -$color16: #ffdddd; -$color17: #ffffcc; +$color00: rgb(255, 0, 0); +$color01: rgb(255, 255, 204); @import 'highlight/main'; diff --git a/_scss/base/_sakura.scss b/_scss/base/_sakura.scss index e35d59b..3a995b7 100644 --- a/_scss/base/_sakura.scss +++ b/_scss/base/_sakura.scss @@ -1,8 +1,9 @@ $color-bg-alt: rgba(0, 0, 0, .09); -$color-bg: rgba(235, 237, 236, 1); -$color-blossom: rgba(76, 88, 112, 1); -$color-fade: rgba(162, 169, 175, 1); -$color-text: rgba(61, 61, 59, 1); +$color-bg: rgb(30, 32, 33); +$color-blossom: rgb(77, 99, 140); +$color-fade: rgb(40, 54, 84); +$color-html:rgb(24, 26, 27); +$color-text: rgb(245, 245, 245); $font-family-sans-serif: '-apple-system', BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Arial', sans-serif; $font-size-base: 1.6rem; diff --git a/_scss/components/_core.scss b/_scss/components/_core.scss index 7a08e9c..497b226 100644 --- a/_scss/components/_core.scss +++ b/_scss/components/_core.scss @@ -8,6 +8,8 @@ } html { + background-color: $color-html; + background-image: url('/assets/background.svg'); height: 100%; overflow-y: scroll; } diff --git a/_scss/highlight/_main.scss b/_scss/highlight/_main.scss index f8ee252..5e999b9 100644 --- a/_scss/highlight/_main.scss +++ b/_scss/highlight/_main.scss @@ -1,36 +1,22 @@ .highlight { .c { - color: $color04; font-style: italic; } .c1 { - color: $color04; font-style: italic; } .cm { - color: $color04; font-style: italic; } - .cp { - color: $color03; - } - .cs { - color: $color04; - font-weight: bold; + font-style: italic; } .err { - background-color: $color14; - color: $color09; - } - - .gd { - background-color: $color16; - color: $color00; + border: 1px solid $color00; } .ge { @@ -38,107 +24,62 @@ } .gh { - color: $color08; - } - - .gi { - background-color: $color13; - color: $color00; - } - - .go { - color: $color07; + font-weight: bold; } .gp { - color: $color05; - } - - .gr { - color: $color10; + font-weight: bold; } .gs { font-weight: bold; } - .gt { - color: $color10; - } - .gu { - color: $color11; + font-weight: bold; } .hll { - background-color: $color17; - } - - .il { - color: $color02; + background-color: $color01; } .k { - color: $color01; font-weight: bold; } .kc { - color: $color01; font-weight: bold; } .kd { - color: $color01; font-weight: bold; } .kn { - color: $color01; - font-weight: bold; - } - - .kp { - color: $color01; font-weight: bold; } .kr { - color: $color01; font-weight: bold; } - .kt { - color: $color01; + .nc { font-weight: bold; } - .m { - color: $color02; - } - - .mf { - color: $color02; - } - - .mh { - color: $color02; - } - - .mi { - color: $color02; + .ne { + font-weight: bold; } - .mo { - color: $color02; + .ni { + font-weight: bold; } - .na { - color: $color15; + .nn { + font-weight: bold; } .nt { - color: $color01; font-weight: bold; } @@ -147,54 +88,52 @@ } .s { - color: $color02; + font-style: italic; } .s1 { - color: $color02; + font-style: italic; } .s2 { - color: $color02; + font-style: italic; } .sb { - color: $color02; + font-style: italic; } .sc { - color: $color06; + font-style: italic; } .sd { - color: $color02; + font-style: italic; } .se { - color: $color02; + font-style: italic; + font-weight: bold; } .sh { - color: $color02; + font-style: italic; } .si { - color: $color02; + font-style: italic; + font-weight: bold; } .sr { - color: $color02; + font-style: italic; } .ss { - color: $color02; + font-style: italic; } .sx { - color: $color02; - } - - .w { - color: $color12; + font-style: italic; } } diff --git a/assets/background.svg b/assets/background.svg new file mode 100644 index 0000000..949a60a --- /dev/null +++ b/assets/background.svg @@ -0,0 +1,14 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg width="6px" height="6px" viewBox="0 0 6 6" version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink"> + <title>Background</title> + <desc>It's the background.</desc> + <defs></defs> + <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> + <g fill="#000000"> + <polygon points="5 0 6 0 0 6 0 5"></polygon> + <polygon points="6 5 6 6 5 6"></polygon> + </g> + </g> +</svg> |
