Преглед на файлове

switch to a more comfortable codemirror theme

jerryliao преди 1 година
родител
ревизия
78cdda0f03
променени са 2 файла, в които са добавени 15 реда и са изтрити 9 реда
  1. 2 2
      README.md
  2. 13 7
      codemirror-material.css

+ 2 - 2
README.md

@@ -4,13 +4,13 @@ An improved gogs dark theme, original from [Stylish](https://userstyles.org/styl
 
 ## Instructions
 
-- Put `dark-theme.css`, `simplemde-dark.css` and `codemirror-material-darker.css` under `/your/gogs/path/custom/public/themes` foler
+- Put `dark-theme.css`, `simplemde-dark.css` and `codemirror-material.css` under `/your/gogs/path/custom/public/themes` foler
 - Add following HTML code in `/your/gogs/path/custom/templates/inject/head.tmpl`
 
 ```html
     <link rel="stylesheet" href="/css/themes/dark-theme.css" />
     <link rel="stylesheet" href="/css/themes/simplemde-darker.css" />
-    <link rel="stylesheet" href="/css/themes/codemirror-material-darker.css" />
+    <link rel="stylesheet" href="/css/themes/codemirror-material.css" />
 ```
 
 - If you're using Nginx to proxy `Gogs`, upload `gogs-hero-light.png` to the site folder and add the following lines in your site config

+ 13 - 7
codemirror-material-darker.css → codemirror-material.css

@@ -5,32 +5,38 @@
 */
 
 .cm-s-default.CodeMirror {
-  background-color: #212121;
+  background-color: #263238;
   color: #eeffff;
 }
 
 .cm-s-default .CodeMirror-gutters {
-  background: #212121;
-  color: #545454;
+  background: #263238;
+  color: #546e7a;
   border: none;
 }
 
 .cm-s-default .CodeMirror-guttermarker,
 .cm-s-default .CodeMirror-guttermarker-subtle,
 .cm-s-default .CodeMirror-linenumber {
-  color: #545454;
+  color: #546e7a;
 }
 
 .cm-s-default .CodeMirror-cursor {
   border-left: 1px solid #ffcc00;
 }
+.cm-s-default.cm-fat-cursor .CodeMirror-cursor {
+  background-color: #5d6d5c80 !important;
+}
+.cm-s-default .cm-animate-fat-cursor {
+  background-color: #5d6d5c80 !important;
+}
 
 .cm-s-default div.CodeMirror-selected {
-  background: rgba(97, 97, 97, 0.2);
+  background: rgba(128, 203, 196, 0.2);
 }
 
 .cm-s-default.CodeMirror-focused div.CodeMirror-selected {
-  background: rgba(97, 97, 97, 0.2);
+  background: rgba(128, 203, 196, 0.2);
 }
 
 .cm-s-default .CodeMirror-line::selection,
@@ -91,7 +97,7 @@
 }
 
 .cm-s-default .cm-comment {
-  color: #545454;
+  color: #546e7a;
 }
 
 .cm-s-default .cm-variable {