From b70396cc0de84398329fbb08135acb79baa09d5e Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Thu, 5 Dec 2019 20:01:29 +0100 Subject: [PATCH] css: update console theme to match updated KDE's Breeze. It has a slightly better contrast and not so oversaturated colors, being easier on the eyes. The previous one was also based off KDE, but they updated it since. --- css/m-dark+documentation.compiled.css | 48 +++++++++++++------------- css/m-dark.compiled.css | 48 +++++++++++++------------- css/m-light+documentation.compiled.css | 38 ++++++++++---------- css/m-light.compiled.css | 38 ++++++++++---------- css/m-theme-dark.css | 2 +- css/pygments-console.css | 38 ++++++++++---------- css/pygments-console.py | 41 +++++++++++----------- 7 files changed, 127 insertions(+), 126 deletions(-) diff --git a/css/m-dark+documentation.compiled.css b/css/m-dark+documentation.compiled.css index 925a33c5..15c104b7 100644 --- a/css/m-dark+documentation.compiled.css +++ b/css/m-dark+documentation.compiled.css @@ -430,7 +430,7 @@ pre, code { } pre.m-console, code.m-console { color: #e6e6e6; - background-color: #161616; + background-color: #1a1c1d; } pre { padding: 0.5rem 1rem; @@ -871,7 +871,7 @@ figure.m-figure.m-fullwidth:after { border-color: #282e36; } .m-console-figure:before { - border-color: #161616; + border-color: #1a1c1d; } .m-code-figure.m-flat:before, .m-console-figure.m-flat:before { border-color: transparent; @@ -2427,7 +2427,7 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-container-inflatable section:target .m-center-s > figure.m-console-figure::before, .m-container-inflatable section:target .m-right-s > figure.m-console-figure::before { - border-color: #161616; + border-color: #1a1c1d; } } @media screen and (min-width: 768px) { @@ -2437,7 +2437,7 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-container-inflatable section:target .m-center-m > figure.m-console-figure::before, .m-container-inflatable section:target .m-right-m > figure.m-console-figure::before { - border-color: #161616; + border-color: #1a1c1d; } } @media screen and (min-width: 992px) { @@ -2447,7 +2447,7 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-container-inflatable section:target .m-center-l > figure.m-console-figure::before, .m-container-inflatable section:target .m-right-l > figure.m-console-figure::before { - border-color: #161616; + border-color: #1a1c1d; } } .m-container-inflatable section:target pre, @@ -2545,27 +2545,27 @@ article:last-child, article section:last-child { margin-bottom: 0; } .m-code .il { color: #c7cf2f } .m-console .hll { background-color: #ffffcc } -.m-console .g-AnsiBlack { color: #000000 } -.m-console .g-AnsiBlue { color: #3f3fd1 } -.m-console .g-AnsiBrightBlack { color: #686868; font-weight: bold } -.m-console .g-AnsiBrightBlue { color: #5454ff; font-weight: bold } -.m-console .g-AnsiBrightCyan { color: #54ffff; font-weight: bold } +.m-console .g-AnsiBlack { color: #232627 } +.m-console .g-AnsiBlue { color: #1d99f3 } +.m-console .g-AnsiBrightBlack { color: #7f8c8d; font-weight: bold } +.m-console .g-AnsiBrightBlue { color: #3daee9; font-weight: bold } +.m-console .g-AnsiBrightCyan { color: #16a085; font-weight: bold } .m-console .g-AnsiBrightDefault { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightGreen { color: #54ff54; font-weight: bold } -.m-console .g-AnsiBrightMagenta { color: #ff54ff; font-weight: bold } -.m-console .g-AnsiBrightRed { color: #ff5454; font-weight: bold } +.m-console .g-AnsiBrightGreen { color: #1cdc9a; font-weight: bold } +.m-console .g-AnsiBrightMagenta { color: #8e44ad; font-weight: bold } +.m-console .g-AnsiBrightRed { color: #c0392b; font-weight: bold } .m-console .g-AnsiBrightWhite { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightYellow { color: #ffff54; font-weight: bold } -.m-console .g-AnsiCyan { color: #18b2b2 } -.m-console .g-AnsiDefault { color: #b2b2b2 } -.m-console .g-AnsiGreen { color: #18b218 } -.m-console .g-AnsiMagenta { color: #b218b2 } -.m-console .g-AnsiRed { color: #b21818 } -.m-console .g-AnsiWhite { color: #b2b2b2 } -.m-console .g-AnsiYellow { color: #b26818 } -.m-console .go { color: #b2b2b2 } -.m-console .gp { color: #54ffff; font-weight: bold } -.m-console .w { color: #b2b2b2 } +.m-console .g-AnsiBrightYellow { color: #fdbc4b; font-weight: bold } +.m-console .g-AnsiCyan { color: #1abc9c } +.m-console .g-AnsiDefault { color: #fcfcfc } +.m-console .g-AnsiGreen { color: #11d116 } +.m-console .g-AnsiMagenta { color: #9b59b6 } +.m-console .g-AnsiRed { color: #ed1515 } +.m-console .g-AnsiWhite { color: #fcfcfc } +.m-console .g-AnsiYellow { color: #f67400 } +.m-console .go { color: #fcfcfc } +.m-console .gp { color: #16a085; font-weight: bold } +.m-console .w { color: #fcfcfc } a.m-doc, a.m-doc-self, a.m-doc-external, ul.m-doc li.m-doc-expansible > a:first-child, ul.m-doc li.m-doc-collapsible > a:first-child, diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css index e99f9d9e..e3f5d61c 100644 --- a/css/m-dark.compiled.css +++ b/css/m-dark.compiled.css @@ -430,7 +430,7 @@ pre, code { } pre.m-console, code.m-console { color: #e6e6e6; - background-color: #161616; + background-color: #1a1c1d; } pre { padding: 0.5rem 1rem; @@ -871,7 +871,7 @@ figure.m-figure.m-fullwidth:after { border-color: #282e36; } .m-console-figure:before { - border-color: #161616; + border-color: #1a1c1d; } .m-code-figure.m-flat:before, .m-console-figure.m-flat:before { border-color: transparent; @@ -2427,7 +2427,7 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-container-inflatable section:target .m-center-s > figure.m-console-figure::before, .m-container-inflatable section:target .m-right-s > figure.m-console-figure::before { - border-color: #161616; + border-color: #1a1c1d; } } @media screen and (min-width: 768px) { @@ -2437,7 +2437,7 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-container-inflatable section:target .m-center-m > figure.m-console-figure::before, .m-container-inflatable section:target .m-right-m > figure.m-console-figure::before { - border-color: #161616; + border-color: #1a1c1d; } } @media screen and (min-width: 992px) { @@ -2447,7 +2447,7 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-container-inflatable section:target .m-center-l > figure.m-console-figure::before, .m-container-inflatable section:target .m-right-l > figure.m-console-figure::before { - border-color: #161616; + border-color: #1a1c1d; } } .m-container-inflatable section:target pre, @@ -2545,24 +2545,24 @@ article:last-child, article section:last-child { margin-bottom: 0; } .m-code .il { color: #c7cf2f } .m-console .hll { background-color: #ffffcc } -.m-console .g-AnsiBlack { color: #000000 } -.m-console .g-AnsiBlue { color: #3f3fd1 } -.m-console .g-AnsiBrightBlack { color: #686868; font-weight: bold } -.m-console .g-AnsiBrightBlue { color: #5454ff; font-weight: bold } -.m-console .g-AnsiBrightCyan { color: #54ffff; font-weight: bold } +.m-console .g-AnsiBlack { color: #232627 } +.m-console .g-AnsiBlue { color: #1d99f3 } +.m-console .g-AnsiBrightBlack { color: #7f8c8d; font-weight: bold } +.m-console .g-AnsiBrightBlue { color: #3daee9; font-weight: bold } +.m-console .g-AnsiBrightCyan { color: #16a085; font-weight: bold } .m-console .g-AnsiBrightDefault { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightGreen { color: #54ff54; font-weight: bold } -.m-console .g-AnsiBrightMagenta { color: #ff54ff; font-weight: bold } -.m-console .g-AnsiBrightRed { color: #ff5454; font-weight: bold } +.m-console .g-AnsiBrightGreen { color: #1cdc9a; font-weight: bold } +.m-console .g-AnsiBrightMagenta { color: #8e44ad; font-weight: bold } +.m-console .g-AnsiBrightRed { color: #c0392b; font-weight: bold } .m-console .g-AnsiBrightWhite { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightYellow { color: #ffff54; font-weight: bold } -.m-console .g-AnsiCyan { color: #18b2b2 } -.m-console .g-AnsiDefault { color: #b2b2b2 } -.m-console .g-AnsiGreen { color: #18b218 } -.m-console .g-AnsiMagenta { color: #b218b2 } -.m-console .g-AnsiRed { color: #b21818 } -.m-console .g-AnsiWhite { color: #b2b2b2 } -.m-console .g-AnsiYellow { color: #b26818 } -.m-console .go { color: #b2b2b2 } -.m-console .gp { color: #54ffff; font-weight: bold } -.m-console .w { color: #b2b2b2 } +.m-console .g-AnsiBrightYellow { color: #fdbc4b; font-weight: bold } +.m-console .g-AnsiCyan { color: #1abc9c } +.m-console .g-AnsiDefault { color: #fcfcfc } +.m-console .g-AnsiGreen { color: #11d116 } +.m-console .g-AnsiMagenta { color: #9b59b6 } +.m-console .g-AnsiRed { color: #ed1515 } +.m-console .g-AnsiWhite { color: #fcfcfc } +.m-console .g-AnsiYellow { color: #f67400 } +.m-console .go { color: #fcfcfc } +.m-console .gp { color: #16a085; font-weight: bold } +.m-console .w { color: #fcfcfc } diff --git a/css/m-light+documentation.compiled.css b/css/m-light+documentation.compiled.css index 8e9fee55..8bc5c5c6 100644 --- a/css/m-light+documentation.compiled.css +++ b/css/m-light+documentation.compiled.css @@ -2478,27 +2478,27 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-console .hll { background-color: #ffffcc } -.m-console .g-AnsiBlack { color: #000000 } -.m-console .g-AnsiBlue { color: #3f3fd1 } -.m-console .g-AnsiBrightBlack { color: #686868; font-weight: bold } -.m-console .g-AnsiBrightBlue { color: #5454ff; font-weight: bold } -.m-console .g-AnsiBrightCyan { color: #54ffff; font-weight: bold } +.m-console .g-AnsiBlack { color: #232627 } +.m-console .g-AnsiBlue { color: #1d99f3 } +.m-console .g-AnsiBrightBlack { color: #7f8c8d; font-weight: bold } +.m-console .g-AnsiBrightBlue { color: #3daee9; font-weight: bold } +.m-console .g-AnsiBrightCyan { color: #16a085; font-weight: bold } .m-console .g-AnsiBrightDefault { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightGreen { color: #54ff54; font-weight: bold } -.m-console .g-AnsiBrightMagenta { color: #ff54ff; font-weight: bold } -.m-console .g-AnsiBrightRed { color: #ff5454; font-weight: bold } +.m-console .g-AnsiBrightGreen { color: #1cdc9a; font-weight: bold } +.m-console .g-AnsiBrightMagenta { color: #8e44ad; font-weight: bold } +.m-console .g-AnsiBrightRed { color: #c0392b; font-weight: bold } .m-console .g-AnsiBrightWhite { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightYellow { color: #ffff54; font-weight: bold } -.m-console .g-AnsiCyan { color: #18b2b2 } -.m-console .g-AnsiDefault { color: #b2b2b2 } -.m-console .g-AnsiGreen { color: #18b218 } -.m-console .g-AnsiMagenta { color: #b218b2 } -.m-console .g-AnsiRed { color: #b21818 } -.m-console .g-AnsiWhite { color: #b2b2b2 } -.m-console .g-AnsiYellow { color: #b26818 } -.m-console .go { color: #b2b2b2 } -.m-console .gp { color: #54ffff; font-weight: bold } -.m-console .w { color: #b2b2b2 } +.m-console .g-AnsiBrightYellow { color: #fdbc4b; font-weight: bold } +.m-console .g-AnsiCyan { color: #1abc9c } +.m-console .g-AnsiDefault { color: #fcfcfc } +.m-console .g-AnsiGreen { color: #11d116 } +.m-console .g-AnsiMagenta { color: #9b59b6 } +.m-console .g-AnsiRed { color: #ed1515 } +.m-console .g-AnsiWhite { color: #fcfcfc } +.m-console .g-AnsiYellow { color: #f67400 } +.m-console .go { color: #fcfcfc } +.m-console .gp { color: #16a085; font-weight: bold } +.m-console .w { color: #fcfcfc } a.m-doc, a.m-doc-self, a.m-doc-external, ul.m-doc li.m-doc-expansible > a:first-child, ul.m-doc li.m-doc-collapsible > a:first-child, diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css index d6f156a1..1383365d 100644 --- a/css/m-light.compiled.css +++ b/css/m-light.compiled.css @@ -2478,24 +2478,24 @@ article:last-child, article section:last-child { margin-bottom: 0; } } .m-console .hll { background-color: #ffffcc } -.m-console .g-AnsiBlack { color: #000000 } -.m-console .g-AnsiBlue { color: #3f3fd1 } -.m-console .g-AnsiBrightBlack { color: #686868; font-weight: bold } -.m-console .g-AnsiBrightBlue { color: #5454ff; font-weight: bold } -.m-console .g-AnsiBrightCyan { color: #54ffff; font-weight: bold } +.m-console .g-AnsiBlack { color: #232627 } +.m-console .g-AnsiBlue { color: #1d99f3 } +.m-console .g-AnsiBrightBlack { color: #7f8c8d; font-weight: bold } +.m-console .g-AnsiBrightBlue { color: #3daee9; font-weight: bold } +.m-console .g-AnsiBrightCyan { color: #16a085; font-weight: bold } .m-console .g-AnsiBrightDefault { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightGreen { color: #54ff54; font-weight: bold } -.m-console .g-AnsiBrightMagenta { color: #ff54ff; font-weight: bold } -.m-console .g-AnsiBrightRed { color: #ff5454; font-weight: bold } +.m-console .g-AnsiBrightGreen { color: #1cdc9a; font-weight: bold } +.m-console .g-AnsiBrightMagenta { color: #8e44ad; font-weight: bold } +.m-console .g-AnsiBrightRed { color: #c0392b; font-weight: bold } .m-console .g-AnsiBrightWhite { color: #ffffff; font-weight: bold } -.m-console .g-AnsiBrightYellow { color: #ffff54; font-weight: bold } -.m-console .g-AnsiCyan { color: #18b2b2 } -.m-console .g-AnsiDefault { color: #b2b2b2 } -.m-console .g-AnsiGreen { color: #18b218 } -.m-console .g-AnsiMagenta { color: #b218b2 } -.m-console .g-AnsiRed { color: #b21818 } -.m-console .g-AnsiWhite { color: #b2b2b2 } -.m-console .g-AnsiYellow { color: #b26818 } -.m-console .go { color: #b2b2b2 } -.m-console .gp { color: #54ffff; font-weight: bold } -.m-console .w { color: #b2b2b2 } +.m-console .g-AnsiBrightYellow { color: #fdbc4b; font-weight: bold } +.m-console .g-AnsiCyan { color: #1abc9c } +.m-console .g-AnsiDefault { color: #fcfcfc } +.m-console .g-AnsiGreen { color: #11d116 } +.m-console .g-AnsiMagenta { color: #9b59b6 } +.m-console .g-AnsiRed { color: #ed1515 } +.m-console .g-AnsiWhite { color: #fcfcfc } +.m-console .g-AnsiYellow { color: #f67400 } +.m-console .go { color: #fcfcfc } +.m-console .gp { color: #16a085; font-weight: bold } +.m-console .w { color: #fcfcfc } diff --git a/css/m-theme-dark.css b/css/m-theme-dark.css index 511cf3ce..f44314b0 100644 --- a/css/m-theme-dark.css +++ b/css/m-theme-dark.css @@ -60,7 +60,7 @@ --background-color */ --code-background-color: #282e36; --code-note-background-color: rgba(34, 39, 46, 0.5); - --console-background-color: #161616; + --console-background-color: #1a1c1d; --button-background-color: #22272e; /* Header */ diff --git a/css/pygments-console.css b/css/pygments-console.css index 06895f1e..a726b019 100644 --- a/css/pygments-console.css +++ b/css/pygments-console.css @@ -1,22 +1,22 @@ .m-console .hll { background-color: #ffffcc } -.m-console .g-AnsiBlack { color: #000000 } /* Generic.AnsiBlack */ -.m-console .g-AnsiBlue { color: #3f3fd1 } /* Generic.AnsiBlue */ -.m-console .g-AnsiBrightBlack { color: #686868; font-weight: bold } /* Generic.AnsiBrightBlack */ -.m-console .g-AnsiBrightBlue { color: #5454ff; font-weight: bold } /* Generic.AnsiBrightBlue */ -.m-console .g-AnsiBrightCyan { color: #54ffff; font-weight: bold } /* Generic.AnsiBrightCyan */ +.m-console .g-AnsiBlack { color: #232627 } /* Generic.AnsiBlack */ +.m-console .g-AnsiBlue { color: #1d99f3 } /* Generic.AnsiBlue */ +.m-console .g-AnsiBrightBlack { color: #7f8c8d; font-weight: bold } /* Generic.AnsiBrightBlack */ +.m-console .g-AnsiBrightBlue { color: #3daee9; font-weight: bold } /* Generic.AnsiBrightBlue */ +.m-console .g-AnsiBrightCyan { color: #16a085; font-weight: bold } /* Generic.AnsiBrightCyan */ .m-console .g-AnsiBrightDefault { color: #ffffff; font-weight: bold } /* Generic.AnsiBrightDefault */ -.m-console .g-AnsiBrightGreen { color: #54ff54; font-weight: bold } /* Generic.AnsiBrightGreen */ -.m-console .g-AnsiBrightMagenta { color: #ff54ff; font-weight: bold } /* Generic.AnsiBrightMagenta */ -.m-console .g-AnsiBrightRed { color: #ff5454; font-weight: bold } /* Generic.AnsiBrightRed */ +.m-console .g-AnsiBrightGreen { color: #1cdc9a; font-weight: bold } /* Generic.AnsiBrightGreen */ +.m-console .g-AnsiBrightMagenta { color: #8e44ad; font-weight: bold } /* Generic.AnsiBrightMagenta */ +.m-console .g-AnsiBrightRed { color: #c0392b; font-weight: bold } /* Generic.AnsiBrightRed */ .m-console .g-AnsiBrightWhite { color: #ffffff; font-weight: bold } /* Generic.AnsiBrightWhite */ -.m-console .g-AnsiBrightYellow { color: #ffff54; font-weight: bold } /* Generic.AnsiBrightYellow */ -.m-console .g-AnsiCyan { color: #18b2b2 } /* Generic.AnsiCyan */ -.m-console .g-AnsiDefault { color: #b2b2b2 } /* Generic.AnsiDefault */ -.m-console .g-AnsiGreen { color: #18b218 } /* Generic.AnsiGreen */ -.m-console .g-AnsiMagenta { color: #b218b2 } /* Generic.AnsiMagenta */ -.m-console .g-AnsiRed { color: #b21818 } /* Generic.AnsiRed */ -.m-console .g-AnsiWhite { color: #b2b2b2 } /* Generic.AnsiWhite */ -.m-console .g-AnsiYellow { color: #b26818 } /* Generic.AnsiYellow */ -.m-console .go { color: #b2b2b2 } /* Generic.Output */ -.m-console .gp { color: #54ffff; font-weight: bold } /* Generic.Prompt */ -.m-console .w { color: #b2b2b2 } /* Text.Whitespace */ +.m-console .g-AnsiBrightYellow { color: #fdbc4b; font-weight: bold } /* Generic.AnsiBrightYellow */ +.m-console .g-AnsiCyan { color: #1abc9c } /* Generic.AnsiCyan */ +.m-console .g-AnsiDefault { color: #fcfcfc } /* Generic.AnsiDefault */ +.m-console .g-AnsiGreen { color: #11d116 } /* Generic.AnsiGreen */ +.m-console .g-AnsiMagenta { color: #9b59b6 } /* Generic.AnsiMagenta */ +.m-console .g-AnsiRed { color: #ed1515 } /* Generic.AnsiRed */ +.m-console .g-AnsiWhite { color: #fcfcfc } /* Generic.AnsiWhite */ +.m-console .g-AnsiYellow { color: #f67400 } /* Generic.AnsiYellow */ +.m-console .go { color: #fcfcfc } /* Generic.Output */ +.m-console .gp { color: #16a085; font-weight: bold } /* Generic.Prompt */ +.m-console .w { color: #fcfcfc } /* Text.Whitespace */ diff --git a/css/pygments-console.py b/css/pygments-console.py index 5709c196..8ced5978 100644 --- a/css/pygments-console.py +++ b/css/pygments-console.py @@ -31,29 +31,30 @@ class ConsoleStyle(Style): default_style = '' styles = { - Text: '#b2b2b2', + Text: '#fcfcfc', # Shell session - Generic.Prompt: 'bold #54ffff', - Generic.Output: '#b2b2b2', + Generic.Prompt: 'bold #16a085', # same as BrightCyan + Generic.Output: '#fcfcfc', - # ANSI highlighting - Generic.AnsiBlack: '#000000', - Generic.AnsiRed: '#b21818', - Generic.AnsiGreen: '#18b218', - Generic.AnsiYellow: '#b26818', - Generic.AnsiBlue: '#3f3fd1', - Generic.AnsiMagenta: '#b218b2', - Generic.AnsiCyan: '#18b2b2', - Generic.AnsiWhite: '#b2b2b2', - Generic.AnsiDefault: '#b2b2b2', - Generic.AnsiBrightBlack: 'bold #686868', - Generic.AnsiBrightRed: 'bold #ff5454', - Generic.AnsiBrightGreen: 'bold #54ff54', - Generic.AnsiBrightYellow: 'bold #ffff54', - Generic.AnsiBrightBlue: 'bold #5454ff', - Generic.AnsiBrightMagenta: 'bold #ff54ff', - Generic.AnsiBrightCyan: 'bold #54ffff', + # ANSI highlighting. Same order as in Konsole style dialog, following + # the Breeze theme. + Generic.AnsiBlack: '#232627', + Generic.AnsiRed: '#ed1515', + Generic.AnsiGreen: '#11d116', + Generic.AnsiYellow: '#f67400', + Generic.AnsiBlue: '#1d99f3', + Generic.AnsiMagenta: '#9b59b6', + Generic.AnsiCyan: '#1abc9c', + Generic.AnsiWhite: '#fcfcfc', + Generic.AnsiDefault: '#fcfcfc', + Generic.AnsiBrightBlack: 'bold #7f8c8d', + Generic.AnsiBrightRed: 'bold #c0392b', + Generic.AnsiBrightGreen: 'bold #1cdc9a', + Generic.AnsiBrightYellow: 'bold #fdbc4b', + Generic.AnsiBrightBlue: 'bold #3daee9', + Generic.AnsiBrightMagenta: 'bold #8e44ad', + Generic.AnsiBrightCyan: 'bold #16a085', Generic.AnsiBrightWhite: 'bold #ffffff', Generic.AnsiBrightDefault: 'bold #ffffff' } -- 2.30.2