From bfba1ccbbeb50588d9dced43e87968740f62a769 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 21:53:31 +0100 Subject: [PATCH 1/7] :new: add current line/select bg option separating this makes sense and allows for better results. --- StylusDeepDark.user.css | 33 +++++++++++++++++++++++++++++---- 1 file changed, 29 insertions(+), 4 deletions(-) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index db2b175..9500d0b 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -64,7 +64,8 @@ "Ubuntu_grey": "#3D3C38", "Ubuntu_purple": "#430B28", "Orange": "#0e0702", - "Jisho_夜明け": "#2A1B1B" + "Jisho_夜明け": "#2A1B1B", + "Twilight": "#141414", } @var select hoverBackground 'Hover background color:' { "DeepDark": "#232323", @@ -123,6 +124,30 @@ "Orange": "#ffede1", "Jisho_夜明け": "#986E3F" } +@var select selectBackground 'Select background:' { + "DeepDark": "#232323", + "BreezeDark": "#31363b", + "Vertex Dark": "#515254", + "Arc Dark": "#414A59", + "Firefox Dark": "#353A44", + "Firefox57": "#323234", + "Discord": "#484B51", + "YouTubeDark": "#343434", + "Mint-Y-Dark": "#404040", + "9anime": "#1E1C25", + "Black&White": "#0f0f0f", + "Yellow_petrocompletions": "#353838", + "Yellow2": "#0f0d05", + "Ubuntu_grey": "#59564D", + "Ubuntu_purple": "#520D30", + "Orange": "#110903", + "Jisho_夜明け": "#863B2F", + "Lesser Dark": "#45443b", + "Shadowfox": "#353B48", + "Midnight": "#314d67", + "Twilight": "#323232", + "Night": "#447" +} @var select cursorWidth 'Cursor width:' { "Slim 1px": "1px", "Wider 2px": "2px", @@ -484,9 +509,9 @@ /*To be commented out in case you want a stylus theme*/ .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection, .CodeMirror-selected, - .CodeMirror-focused .CodeMirror-selected + .CodeMirror-focused .CodeMirror-selected, .CodeMirror-activeline-background { - background-color: var(--hover-background) !important; + background-color: var(--select-background) !important; } .CodeMirror { @@ -496,7 +521,7 @@ { background-color: var(--second-background) !important; } - .CodeMirror-activeline-background, .CodeMirror-gutters + .CodeMirror-gutters { background-color: var(--hover-background) !important; } From 5948b947478e71b87fdfb98ceebca501d5f9dfc4 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 21:56:23 +0100 Subject: [PATCH 2/7] :new: add CodeMirror font size option 14px is default, but up to 16px is good for the blinder lot. I was asked to add this. ;) --- StylusDeepDark.user.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index 9500d0b..3260218 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -148,6 +148,11 @@ "Twilight": "#323232", "Night": "#447" } +@var select fontSize 'Editor font size:' { + "Normal 14px": "14px", + "Large 15px": "15px", + "Larger 16px": "16px", +} @var select cursorWidth 'Cursor width:' { "Slim 1px": "1px", "Wider 2px": "2px", @@ -197,6 +202,8 @@ --dimmer-text: /*[[dimmerText]]*/; --shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13); + /* CodeMirror font size */ + --font-size: /*[[fontSize]]*/; /*Cursor width and color*/ --cursor-width: /*[[cursorWidth]]*/; @@ -515,6 +522,7 @@ } .CodeMirror { + font-size: var(--font-size) !important; color: var(--main-text) !important; } .CodeMirror-lines, .cm-s-mbo.CodeMirror From 391a1a3b1279f6534aa71431734b566f6ca3bcca Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 21:59:18 +0100 Subject: [PATCH 3/7] :new: add default fonts to CodeMirror this fixies a miriad of issues across browsers and OS's, its a sane default. merge with fonts --- StylusDeepDark.user.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index 3260218..730b0cb 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -522,6 +522,7 @@ } .CodeMirror { + font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important; font-size: var(--font-size) !important; color: var(--main-text) !important; } @@ -1005,9 +1006,9 @@ */ .colorpicker-format-change { - top: -3px; - right: 0px; - padding-right: 3px; + top: 3px; + right: -1px; + padding-right: 2px; } .colorpicker-format-change-button:hover { From ec146c702df5c1706ba48fc46ad96c5d3abcc3c3 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 22:00:17 +0100 Subject: [PATCH 4/7] :construction: move vars + cleanup --- StylusDeepDark.user.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index 730b0cb..2b38631 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -201,20 +201,22 @@ --main-text: /*[[mainText]]*/; --dimmer-text: /*[[dimmerText]]*/; - --shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13); - /* CodeMirror font size */ + /*select background*/ + --select-background: /*[[selectBackground]]*/; + /*CodeMirror font size*/ --font-size: /*[[fontSize]]*/; - /*Cursor width and color*/ --cursor-width: /*[[cursorWidth]]*/; --cursor-color: /*[[cursorColor]]*/; - /* These are must have static colors */ + /*These are must have static colors*/ /*Disable all color/warning Breeze Dark*/ --warning-disable-all: #DA4453; /*No match regex color from Breeze Dark*/ --no-match: #FDBC4B; - /* Odd entry background (sorry --shadow is too light for this purpose)*/ + /*Shadow*/ + --shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13); + /*Odd entry background*/ --odd-entry-background: rgba(0, 0, 0, .16); /*DeepDark colors*/ From b120d9e26baeb1dd65d79f6a2861abc3f8bd0927 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 22:01:36 +0100 Subject: [PATCH 5/7] :pencil2: remove duplicate we already have a #FFFFF. --- StylusDeepDark.user.css | 1 - 1 file changed, 1 deletion(-) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index 2b38631..c3fb796 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -178,7 +178,6 @@ "Orange": "#ff6905", "Jisho_夜明け": "#EF7D6C", "Terminal": "#04f911", - "White": "#fff" } ==/UserStyle== */ From cf260986ed4b6f33e7a8ecaab3987f7e4c8fc075 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 22:02:14 +0100 Subject: [PATCH 6/7] :construction: style config popup close button+hover --- StylusDeepDark.user.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index c3fb796..13b8aff 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -616,6 +616,14 @@ { background-color: var(--second-background) !important; } + #message-box-close-icon .svg-icon + { + fill: var(--dimmer-text) !important; + } + #message-box-close-icon:hover .svg-icon + { + fill: var(--main-color) !important; + } .help-text mark { From e137fa235d9f6be5d423ae71f3329e6e233f0388 Mon Sep 17 00:00:00 2001 From: the-j0k3r <31389848+the-j0k3r@users.noreply.github.com> Date: Wed, 20 Jun 2018 22:02:38 +0100 Subject: [PATCH 7/7] :arrow_up: bump to v1.4.7 --- StylusDeepDark.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/StylusDeepDark.user.css b/StylusDeepDark.user.css index 13b8aff..a2b21dd 100644 --- a/StylusDeepDark.user.css +++ b/StylusDeepDark.user.css @@ -2,7 +2,7 @@ @name Stylus DeepDark @namespace github.com/RaitaroH/Stylus-DeepDark @homepageURL https://github.com/RaitaroH/Stylus-DeepDark -@version 1.4.6 +@version 1.4.7 @updateURL https://raw.githubusercontent.com/RaitaroH/Stylus-DeepDark/master/StylusDeepDark.user.css @description Write thy themes in the dark. May the dark be kinder on thine eyes. (Stylus dark theme) @author RaitaroH @@ -187,7 +187,7 @@ /*GNU General Public License v3.0*/ -/*1.4.6*/ +/*1.4.7*/ /*Main color variables*/ :root