Browse Source

Dark theme

shortcutme 5 years ago
parent
commit
c45a90cd24
3 changed files with 221 additions and 51 deletions
  1. 0 1
      css/Menu.css
  2. 181 50
      css/all.css
  3. 40 0
      css/dark.css

+ 0 - 1
css/Menu.css

@@ -3,7 +3,6 @@
 	box-shadow: 0px 2px 8px rgba(0,0,0,0.3); border-radius: 2px; opacity: 0; transition: opacity 0.2s ease-out, transform 1s ease-out, max-height 0.2s ease-in-out;
 }
 .menu.visible { opacity: 1; max-height: 350px; transform: translate(0px, 0px); transition: opacity 0.1s ease-out, transform 0.3s ease-out, max-height 0.3s ease-in-out; pointer-events: all }
-
 .menu-item { display: block; text-decoration: none; color: black; padding: 6px 24px; transition: all 0.2s; border-bottom: none; font-weight: normal; padding-left: 30px; }
 .menu-item-separator { margin-top: 5px; border-top: 1px solid #eee }
 

+ 181 - 50
css/all.css

@@ -98,7 +98,6 @@ input.text:focus, textarea:focus { border-color: #5FC0EA; outline: none; backgro
 	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.3); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.3); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.3); box-shadow: 0px 2px 8px rgba(0,0,0,0.3) ; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px ; opacity: 0; -webkit-transition: opacity 0.2s ease-out, transform 1s ease-out, max-height 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-out, transform 1s ease-out, max-height 0.2s ease-in-out; -o-transition: opacity 0.2s ease-out, transform 1s ease-out, max-height 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-out, transform 1s ease-out, max-height 0.2s ease-in-out; transition: opacity 0.2s ease-out, transform 1s ease-out, max-height 0.2s ease-in-out ;
 }
 .menu.visible { opacity: 1; max-height: 350px; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px) ; -webkit-transition: opacity 0.1s ease-out, transform 0.3s ease-out, max-height 0.3s ease-in-out; -moz-transition: opacity 0.1s ease-out, transform 0.3s ease-out, max-height 0.3s ease-in-out; -o-transition: opacity 0.1s ease-out, transform 0.3s ease-out, max-height 0.3s ease-in-out; -ms-transition: opacity 0.1s ease-out, transform 0.3s ease-out, max-height 0.3s ease-in-out; transition: opacity 0.1s ease-out, transform 0.3s ease-out, max-height 0.3s ease-in-out ; pointer-events: all }
-
 .menu-item { display: block; text-decoration: none; color: black; padding: 6px 24px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s ; border-bottom: none; font-weight: normal; padding-left: 30px; }
 .menu-item-separator { margin-top: 5px; border-top: 1px solid #eee }
 
@@ -327,6 +326,52 @@ blockquote { border-left: 3px solid #333; margin-left: 0px; padding-left: 1em }
 
 
 
+/* ---- /1BLogC9LN4oPDcruNz3qo1ysa133E9AGg8/css/dark.css ---- */
+
+
+.theme-dark { background-color: #30363c; color: #e0e0e6; }
+.theme-dark a { color: #FFF; font-weight: normal; border-color: #7aa4ab }
+.theme-dark a:hover { border-color: #83efff }
+.theme-dark .editbg { background-color: #3a333f }
+.theme-dark .post { border-color: #47505a }
+.theme-dark .post .title a { color: #97f1ff; font-weight: lighter; }
+.theme-dark .post .details .comments-num .num { color: #c6ced7; border-bottom-color: #4b5258 }
+.theme-dark .post .details .comments-num .num:hover { border-bottom-color: #83efff; color: #83efff; }
+.theme-dark .button-outline { background-color: transparent; border: 1px solid #83EFFF; color: #83EFFF; }
+.theme-dark .button:hover { border-bottom-color: inherit; }
+.theme-dark .bottombar { background-color: rgba(56, 63, 70, 0.9) }
+.theme-dark textarea { background-color: transparent; border-color: #4c5864; color: #F6FEF7 }
+.theme-dark .post .body td, .theme-dark .post .body th { border-color: #4b4f54 }
+
+.theme-dark .feed-follow { border-color: #47505a }
+.theme-dark .feed-follow .text-following { color: #F6FEF7 }
+.theme-dark .feed-follow.following .text-following { color: #83EFFF }
+.theme-dark .feed-follow:hover { background-color: #333940; border-color: #83EFFF; color: #83EFFF }
+.theme-dark .menu-item { color: black }
+.theme-dark .menu-item:active, .theme-dark .menu-item:focus { color: white }
+.theme-dark .feed-follow .icon-feed { background-color: #83EFFF }
+.theme-dark .feed-follow .icon-feed:before { border-color: #83EFFF }
+.theme-dark .feed-follow .icon-feed:after { border-color: #83EFFF }
+
+.theme-dark .lastcomments { background-color: transparent; }
+.theme-dark .comment { background-color: transparent; border-color: #47505a }
+.theme-dark .comment .comment-body blockquote a { color: white; }
+.theme-dark hr { border-color: #47505a }
+.theme-dark .pager a { border-color: #83efff; background-color: #83efff17; }
+.theme-dark .button-submit-comment { color: black;  }
+.theme-dark code { background-color: #232323; border-color: #0A0A0A; color: #d3d3d3; }
+.theme-dark .zoom-overlay { background-color: #111 }
+.theme-dark .bottombar .save { background-color: #83EFFF; color: black; border-bottom-color: #4b6a6e; }
+.theme-dark .markdown-help { background-color: rgba(69, 58, 80, 0.93); }
+.theme-dark .left .avatar { background-color: #2f353b; }
+
+.theme-dark .icon-comment { background: #83efff }
+.theme-dark .icon-comment:after { border-top-color: #83efff; border-left-color: #83efff; }
+
+.theme-dark .user-size-used { color: #83efff; }
+
+
+
 /* ---- /1BLogC9LN4oPDcruNz3qo1ysa133E9AGg8/css/fonts.css ---- */
 
 
@@ -364,7 +409,7 @@ blockquote { border-left: 3px solid #333; margin-left: 0px; padding-left: 1em }
 
 
 
-/* ---- /1BLogC9LN4oPDcruNz3qo1ysa133E9AGg8/css/github.css ---- */
+/* ---- /1BLogC9LN4oPDcruNz3qo1ysa133E9AGg8/css/hljs-github.css ---- */
 
 
 /*
@@ -379,99 +424,74 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
   padding: 0.5em;
   color: #333;
   background: #f8f8f8;
-  -webkit-text-size-adjust: none;
 }
 
 .hljs-comment,
-.diff .hljs-header,
-.hljs-javadoc {
+.hljs-quote {
   color: #998;
   font-style: italic;
 }
 
 .hljs-keyword,
-.css .rule .hljs-keyword,
-.hljs-winutils,
-.nginx .hljs-title,
-.hljs-subst,
-.hljs-request,
-.hljs-status {
+.hljs-selector-tag,
+.hljs-subst {
   color: #333;
   font-weight: bold;
 }
 
 .hljs-number,
-.hljs-hexcolor,
-.ruby .hljs-constant {
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
   color: #008080;
 }
 
 .hljs-string,
-.hljs-tag .hljs-value,
-.hljs-phpdoc,
-.hljs-dartdoc,
-.tex .hljs-formula {
+.hljs-doctag {
   color: #d14;
 }
 
 .hljs-title,
-.hljs-id,
-.scss .hljs-preprocessor {
+.hljs-section,
+.hljs-selector-id {
   color: #900;
   font-weight: bold;
 }
 
-.hljs-list .hljs-keyword,
 .hljs-subst {
   font-weight: normal;
 }
 
-.hljs-class .hljs-title,
 .hljs-type,
-.vhdl .hljs-literal,
-.tex .hljs-command {
+.hljs-class .hljs-title {
   color: #458;
   font-weight: bold;
 }
 
 .hljs-tag,
-.hljs-tag .hljs-title,
-.hljs-rules .hljs-property,
-.django .hljs-tag .hljs-keyword {
+.hljs-name,
+.hljs-attribute {
   color: #000080;
   font-weight: normal;
 }
 
-.hljs-attribute,
-.hljs-variable,
-.lisp .hljs-body {
-  color: #008080;
-}
-
-.hljs-regexp {
+.hljs-regexp,
+.hljs-link {
   color: #009926;
 }
 
 .hljs-symbol,
-.ruby .hljs-symbol .hljs-string,
-.lisp .hljs-keyword,
-.clojure .hljs-keyword,
-.scheme .hljs-keyword,
-.tex .hljs-special,
-.hljs-prompt {
+.hljs-bullet {
   color: #990073;
 }
 
-.hljs-built_in {
+.hljs-built_in,
+.hljs-builtin-name {
   color: #0086b3;
 }
 
-.hljs-preprocessor,
-.hljs-pragma,
-.hljs-pi,
-.hljs-doctype,
-.hljs-shebang,
-.hljs-cdata {
+.hljs-meta {
   color: #999;
   font-weight: bold;
 }
@@ -484,12 +504,123 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
   background: #dfd;
 }
 
-.diff .hljs-change {
-  background: #0086b3;
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+
+/* ---- /1BLogC9LN4oPDcruNz3qo1ysa133E9AGg8/css/hljs-railscasts.css ---- */
+
+
+/*
+
+Railscasts-like style (c) Visoft, Inc. (Damien White)
+
+*/
+
+.theme-dark .hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #232323;
+  color: #e6e1dc;
+}
+
+.theme-dark .hljs-comment,
+.theme-dark .hljs-quote {
+  color: #bc9458;
+  font-style: italic;
+}
+
+.theme-dark .hljs-keyword,
+.theme-dark .hljs-selector-tag {
+  color: #c26230;
+}
+
+.theme-dark .hljs-string,
+.theme-dark .hljs-number,
+.theme-dark .hljs-regexp,
+.theme-dark .hljs-variable,
+.theme-dark .hljs-template-variable {
+  color: #a5c261;
+}
+
+.theme-dark .hljs-subst {
+  color: #519f50;
+}
+
+.theme-dark .hljs-tag,
+.theme-dark .hljs-name {
+  color: #e8bf6a;
+}
+
+.theme-dark .hljs-type {
+  color: #da4939;
+}
+
+
+.theme-dark .hljs-symbol,
+.theme-dark .hljs-bullet,
+.theme-dark .hljs-built_in,
+.theme-dark .hljs-builtin-name,
+.theme-dark .hljs-attr,
+.theme-dark .hljs-link {
+  color: #6d9cbe;
+}
+
+.theme-dark .hljs-params {
+  color: #d0d0ff;
+}
+
+.theme-dark .hljs-attribute {
+  color: #cda869;
+}
+
+.theme-dark .hljs-meta {
+  color: #9b859d;
+}
+
+.theme-dark .hljs-title,
+.theme-dark .hljs-section {
+  color: #ffc66d;
+}
+
+.theme-dark .hljs-addition {
+  background-color: #144212;
+  color: #e6e1dc;
+  display: inline-block;
+  width: 100%;
+}
+
+.theme-dark .hljs-deletion {
+  background-color: #600;
+  color: #e6e1dc;
+  display: inline-block;
+  width: 100%;
+}
+
+.theme-dark .hljs-selector-class {
+  color: #9b703f;
+}
+
+.theme-dark .hljs-selector-id {
+  color: #8b98ab;
+}
+
+.theme-dark .hljs-emphasis {
+  font-style: italic;
+}
+
+.theme-dark .hljs-strong {
+  font-weight: bold;
 }
 
-.hljs-chunk {
-  color: #aaa;
+.theme-dark .hljs-link {
+  text-decoration: underline;
 }
 
 

+ 40 - 0
css/dark.css

@@ -0,0 +1,40 @@
+.theme-dark { background-color: #30363c; color: #e0e0e6; }
+.theme-dark a { color: #FFF; font-weight: normal; border-color: #7aa4ab }
+.theme-dark a:hover { border-color: #83efff }
+.theme-dark .editbg { background-color: #3a333f }
+.theme-dark .post { border-color: #47505a }
+.theme-dark .post .title a { color: #97f1ff; font-weight: lighter; }
+.theme-dark .post .details .comments-num .num { color: #c6ced7; border-bottom-color: #4b5258 }
+.theme-dark .post .details .comments-num .num:hover { border-bottom-color: #83efff; color: #83efff; }
+.theme-dark .button-outline { background-color: transparent; border: 1px solid #83EFFF; color: #83EFFF; }
+.theme-dark .button:hover { border-bottom-color: inherit; }
+.theme-dark .bottombar { background-color: rgba(56, 63, 70, 0.9) }
+.theme-dark textarea { background-color: transparent; border-color: #4c5864; color: #F6FEF7 }
+.theme-dark .post .body td, .theme-dark .post .body th { border-color: #4b4f54 }
+
+.theme-dark .feed-follow { border-color: #47505a }
+.theme-dark .feed-follow .text-following { color: #F6FEF7 }
+.theme-dark .feed-follow.following .text-following { color: #83EFFF }
+.theme-dark .feed-follow:hover { background-color: #333940; border-color: #83EFFF; color: #83EFFF }
+.theme-dark .menu-item { color: black }
+.theme-dark .menu-item:active, .theme-dark .menu-item:focus { color: white }
+.theme-dark .feed-follow .icon-feed { background-color: #83EFFF }
+.theme-dark .feed-follow .icon-feed:before { border-color: #83EFFF }
+.theme-dark .feed-follow .icon-feed:after { border-color: #83EFFF }
+
+.theme-dark .lastcomments { background-color: transparent; }
+.theme-dark .comment { background-color: transparent; border-color: #47505a }
+.theme-dark .comment .comment-body blockquote a { color: white; }
+.theme-dark hr { border-color: #47505a }
+.theme-dark .pager a { border-color: #83efff; background-color: #83efff17; }
+.theme-dark .button-submit-comment { color: black;  }
+.theme-dark code { background-color: #232323; border-color: #0A0A0A; color: #d3d3d3; }
+.theme-dark .zoom-overlay { background-color: #111 }
+.theme-dark .bottombar .save { background-color: #83EFFF; color: black; border-bottom-color: #4b6a6e; }
+.theme-dark .markdown-help { background-color: rgba(69, 58, 80, 0.93); }
+.theme-dark .left .avatar { background-color: #2f353b; }
+
+.theme-dark .icon-comment { background: #83efff }
+.theme-dark .icon-comment:after { border-top-color: #83efff; border-left-color: #83efff; }
+
+.theme-dark .user-size-used { color: #83efff; }