From 2ff6509891cf9b739dcd2931ce57f17c7cc778c9 Mon Sep 17 00:00:00 2001 From: ache Date: Wed, 4 May 2022 19:53:07 +0200 Subject: Change colorscheme --- src/css/_contenu.scss | 2 +- src/css/_rainbow.scss | 85 --------------------- src/css/_style.scss | 2 +- src/css/design.scss | 2 +- src/css/outrun-dark.css | 166 +++++++++++++++++++++++++++++++++++++++++ src/css/stackoverflow-dark.css | 126 +++++++++++++++++++++++++++++++ 6 files changed, 295 insertions(+), 88 deletions(-) delete mode 100644 src/css/_rainbow.scss create mode 100644 src/css/outrun-dark.css create mode 100644 src/css/stackoverflow-dark.css diff --git a/src/css/_contenu.scss b/src/css/_contenu.scss index a892d2c..53c131f 100755 --- a/src/css/_contenu.scss +++ b/src/css/_contenu.scss @@ -115,7 +115,7 @@ article { } } .footnotes { - color: #777; + color: #504d4d; font-size: 0.8em; li { padding-bottom: 15px; diff --git a/src/css/_rainbow.scss b/src/css/_rainbow.scss deleted file mode 100644 index 60c4fcd..0000000 --- a/src/css/_rainbow.scss +++ /dev/null @@ -1,85 +0,0 @@ -/* - -Style with support for rainbow parens - -*/ - -.hljs { - display: block; - overflow-x: auto; - padding: 0.5em; - background: #474949; - color: #d1d9e1; -} - - -.hljs-comment, -.hljs-quote { - color: #969896; - font-style: italic; -} - -.hljs-keyword, -.hljs-selector-tag, -.hljs-literal, -.hljs-type, -.hljs-addition { - color: #cc99cc; -} - -.hljs-number, -.hljs-selector-attr, -.hljs-selector-pseudo { - color: #f99157; -} - -.hljs-string, -.hljs-doctag, -.hljs-regexp { - color: #8abeb7; -} - -.hljs-title, -.hljs-name, -.hljs-section, -.hljs-built_in { - color: #b5bd68; -} - -.hljs-variable, -.hljs-template-variable, -.hljs-selector-id, -.hljs-class .hljs-title { - color: #ffcc66; -} - -.hljs-section, -.hljs-name, -.hljs-strong { - font-weight: bold; -} - -.hljs-symbol, -.hljs-bullet, -.hljs-subst, -.hljs-meta, -.hljs-link { - color: #f99157; -} - -.hljs-deletion { - color: #dc322f; -} - -.hljs-formula { - background: #eee8d5; -} - -.hljs-attr, -.hljs-attribute { - color: #81a2be; -} - -.hljs-emphasis { - font-style: italic; -} diff --git a/src/css/_style.scss b/src/css/_style.scss index 1c8c9b7..ac47ea6 100644 --- a/src/css/_style.scss +++ b/src/css/_style.scss @@ -14,7 +14,7 @@ .qcm_check, .qcm_radio {padding-left: 32px;} blockquote { - color: #777; + color: #504d4d; padding: 1px 2%; border-left: 5px solid #ccc; } diff --git a/src/css/design.scss b/src/css/design.scss index bfbb397..a83ce34 100755 --- a/src/css/design.scss +++ b/src/css/design.scss @@ -8,7 +8,7 @@ $big-screen: "screen and (min-width: 1720px)"; @import 'contenu'; @import 'sommaire'; @import 'style'; -@import 'rainbow'; +@import 'outrun-dark'; html { diff --git a/src/css/outrun-dark.css b/src/css/outrun-dark.css new file mode 100644 index 0000000..5fa949a --- /dev/null +++ b/src/css/outrun-dark.css @@ -0,0 +1,166 @@ +/*! + Theme: Outrun Dark + Author: Hugo Delahousse (http://github.com/hugodelahousse/) + License: ~ MIT (or more permissive) [via base16-schemes-source] +*/ + +/* +base00 #00002A Default Background +base01 #20204A Lighter Background (Used for status bars, line number and folding marks) +base02 #30305A Selection Background +base03 #757596 Comments, Invisibles, Line Highlighting +base04 #B0B0DA Dark Foreground (Used for status bars) +base05 #D0D0FA Default Foreground, Caret, Delimiters, Operators +base06 #E0E0FF Light Foreground (Not often used) +base07 #F5F5FF Light Background (Not often used) +base08 #FF4242 Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted +base09 #FC8D28 Integers, Boolean, Constants, XML Attributes, Markup Link Url +base0A #F3E877 Classes, Markup Bold, Search Text Background +base0B #59F176 Strings, Inherited Class, Markup Code, Diff Inserted +base0C #0EF0F0 Support, Regular Expressions, Escape Characters, Markup Quotes +base0D #66B0FF Functions, Methods, Attribute IDs, Headings +base0E #F10596 Keywords, Storage, Selector, Markup Italic, Diff Changed +base0F #F003EF Deprecated, Opening/Closing Embedded Language Tags, e.g. +*/ + +pre code.hljs { + display: block; + overflow-x: auto; + padding: 1em; +} + +code.hljs { + padding: 3px 5px; +} + +.hljs { + color: #D0D0FA; + background: #00002A; +} + +.hljs::selection, +.hljs ::selection { + background-color: #30305A; + color: #D0D0FA; +} + + +/* purposely do not highlight these things */ +.hljs-formula, +.hljs-params, +.hljs-property +{} + +/* base03 - #757596 - Comments, Invisibles, Line Highlighting */ +.hljs-comment { + color: #757596; +} + +/* base04 - #B0B0DA - Dark Foreground (Used for status bars) */ +.hljs-tag { + color: #B0B0DA; +} + +/* base05 - #D0D0FA - Default Foreground, Caret, Delimiters, Operators */ +.hljs-subst, +.hljs-punctuation, +.hljs-operator { + color: #D0D0FA; +} + +.hljs-operator { + opacity: 0.7; +} + +/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */ +.hljs-bullet, +.hljs-variable, +.hljs-template-variable, +.hljs-selector-tag, +.hljs-name, +.hljs-deletion { + color: #FF4242; +} + +/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */ +.hljs-symbol, +.hljs-number, +.hljs-link, +.hljs-attr, +.hljs-variable.constant_, +.hljs-literal { + color: #FC8D28; +} + +/* base0A - Classes, Markup Bold, Search Text Background */ +.hljs-title, +.hljs-class .hljs-title, +.hljs-title.class_ +{ + color: #F3E877; +} + +.hljs-strong { + font-weight:bold; + color: #F3E877; +} + +/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */ +.hljs-code, +.hljs-addition, +.hljs-title.class_.inherited__, +.hljs-string { + color: #59F176; +} + +/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */ +.hljs-built_in, +.hljs-doctag, /* guessing */ +.hljs-quote, +.hljs-keyword.hljs-atrule, +.hljs-regexp { + color: #0EF0F0; +} + +/* base0D - Functions, Methods, Attribute IDs, Headings */ +.hljs-function .hljs-title, +.hljs-attribute, +.ruby .hljs-property, +.hljs-title.function_, +.hljs-section { + color: #66B0FF; +} + +/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */ +.hljs-type, +/* .hljs-selector-id, */ +/* .hljs-selector-class, */ +/* .hljs-selector-attr, */ +/* .hljs-selector-pseudo, */ +.hljs-template-tag, +.diff .hljs-meta, +.hljs-keyword { + color: #F10596; +} +.hljs-emphasis { + color: #F10596; + font-style: italic; +} + +/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. */ +.hljs-meta, +/* + prevent top level .keyword and .string scopes + from leaking into meta by accident +*/ +.hljs-meta .hljs-keyword, +.hljs-meta .hljs-string +{ + color: #F003EF; +} + +.hljs-meta .hljs-keyword, +/* for v10 compatible themes */ +.hljs-meta-keyword { + font-weight: bold; +} diff --git a/src/css/stackoverflow-dark.css b/src/css/stackoverflow-dark.css new file mode 100644 index 0000000..0eabaf2 --- /dev/null +++ b/src/css/stackoverflow-dark.css @@ -0,0 +1,126 @@ +/*! + Theme: StackOverflow Dark + Description: Dark theme as used on stackoverflow.com + Author: stackoverflow.com + Maintainer: @Hirse + Website: https://github.com/StackExchange/Stacks + License: MIT + Updated: 2021-05-15 + + Updated for @stackoverflow/stacks v0.64.0 + Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less + Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less +*/ + +.hljs { + /* var(--highlight-color) */ + color: #ffffff; + /* var(--highlight-bg) */ + background: #1c1b1b; +} + +.hljs-subst { + /* var(--highlight-color) */ + color: #ffffff; +} + +.hljs-comment { + /* var(--highlight-comment) */ + color: #999999; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-meta .hljs-keyword, +.hljs-doctag, +.hljs-section { + /* var(--highlight-keyword) */ + color: #88aece; +} + +.hljs-attr { + /* var(--highlight-attribute); */ + color: #88aece; +} + +.hljs-attribute { + /* var(--highlight-symbol) */ + color: #c59bc1; +} + +.hljs-name, +.hljs-type, +.hljs-number, +.hljs-selector-id, +.hljs-quote, +.hljs-template-tag { + /* var(--highlight-namespace) */ + color: #f08d49; +} + +.hljs-selector-class { + /* var(--highlight-keyword) */ + color: #88aece; +} + +.hljs-string, +.hljs-regexp, +.hljs-symbol, +.hljs-variable, +.hljs-template-variable, +.hljs-link, +.hljs-selector-attr { + /* var(--highlight-variable) */ + color: #b5bd68; +} + +.hljs-meta, +.hljs-selector-pseudo { + /* var(--highlight-keyword) */ + color: #88aece; +} + +.hljs-built_in, +.hljs-title, +.hljs-literal { + /* var(--highlight-literal) */ + color: #f08d49; +} + +.hljs-bullet, +.hljs-code { + /* var(--highlight-punctuation) */ + color: #cccccc; +} + +.hljs-meta .hljs-string { + /* var(--highlight-variable) */ + color: #b5bd68; +} + +.hljs-deletion { + /* var(--highlight-deletion) */ + color: #de7176; +} + +.hljs-addition { + /* var(--highlight-addition) */ + color: #76c490; +} + +.hljs-emphasis { + font-style: italic; +} + +.hljs-strong { + font-weight: bold; +} + +.hljs-formula, +.hljs-operator, +.hljs-params, +.hljs-property, +.hljs-punctuation, +.hljs-tag { + /* purposely ignored */ +} -- cgit v1.2.3