summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorache <ache@ache.one>2022-05-04 19:53:07 +0200
committerache <ache@ache.one>2022-05-04 19:53:07 +0200
commit2ff6509891cf9b739dcd2931ce57f17c7cc778c9 (patch)
tree12d7146bce4c128033698076b393535741a0a381
parentFix accessibily color on link (diff)
Change colorscheme
-rwxr-xr-xsrc/css/_contenu.scss2
-rw-r--r--src/css/_rainbow.scss85
-rw-r--r--src/css/_style.scss2
-rwxr-xr-xsrc/css/design.scss2
-rw-r--r--src/css/outrun-dark.css166
-rw-r--r--src/css/stackoverflow-dark.css126
6 files changed, 295 insertions, 88 deletions
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. <?php ?>
+*/
+
+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. <?php ?> */
+.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 */
+}