Carbon 4 (#463)

* tabs

Signed-off-by: Carlos Santana <csantana23@gmail.com>

* dark mode terminal

Signed-off-by: Carlos Santana <csantana23@gmail.com>

* scope terminal colors only to code

Signed-off-by: Carlos Santana <csantana23@gmail.com>

* add EOL

Signed-off-by: Carlos Santana <csantana23@gmail.com>

Author: Carlos Santana

docs/css/extra.css

@@ -124,4 +124,9 @@ width: 8rem;
 /* top banner home page */
 [data-md-color-primary=black] .md-header {
     background-color: #161616;
-}
+}
+
+/* tabs border */
+.md-typeset .tabbed-set>label {
+    border-bottom: .1rem solid #4051b5;
+}

docs/css/toolkit-code.css

@@ -0,0 +1,28 @@
+.md-typeset pre>code {
+  --md-hue: 232;
+  --md-code-fg-color: #f5f5f5;
+  --md-code-bg-color: #030303;
+
+
+}
+code>* {
+  --md-default-fg-color--light: hsl(66, 41%, 69%);
+  --md-code-hl-number-color:         hsla(6, 74%, 63%, 1);
+  --md-code-hl-special-color:        hsla(340, 83%, 66%, 1);
+  --md-code-hl-function-color:       hsla(291, 57%, 65%, 1);
+  --md-code-hl-constant-color:       hsla(250, 62%, 70%, 1);
+  --md-code-hl-keyword-color:        hsla(219, 66%, 64%, 1);
+  --md-code-hl-string-color:         hsla(150, 58%, 44%, 1);
+  --md-code-hl-name-color:           var(--md-code-fg-color);
+  --md-code-hl-operator-color:       var(--md-default-fg-color--light);
+  --md-code-hl-punctuation-color:    var(--md-default-fg-color--light);
+  --md-code-hl-comment-color:        var(--md-default-fg-color--light);
+  --md-code-hl-generic-color:        var(--md-default-fg-color--light);
+  --md-code-hl-variable-color:       var(--md-default-fg-color--light);
+}
+.md-clipboard {
+  color: white;
+}
+.highlight.no-copy .md-clipboard {
+  display: none;
+}

mkdocs.yml

@@ -67,6 +67,7 @@ markdown_extensions:
   - pymdownx.details
 extra_css:
     - css/extra.css
+    - css/toolkit-code.css
 extra:
   generator: false
 copyright: Copyright © 2021 Cloud-Native Toolkit