[Git][reproducible-builds/reproducible-website][master] Add syntax highlight styles

[Chris Lamb]

Chris Lamb pushed to branch master at Reproducible Builds / reproducible-website


Commits:
c110824a by Ian Muchina at 2021-05-06T15:32:11+03:00
Add syntax highlight styles

- - - - -


2 changed files:

- assets/styles/main.scss
- + assets/styles/syntax.scss


Changes:

=====================================
assets/styles/main.scss
=====================================
@@ -8,6 +8,7 @@
 @import "visuals";
 @import "components";
 @import "state";
+ at import "syntax";
 
 body {
   font-family: $font;


=====================================
assets/styles/syntax.scss
=====================================
@@ -0,0 +1,114 @@
+//Theme for syntax highlighting
+// Colors
+$code-text: $oc-gray-9;
+$code-background: $oc-gray-1;
+$code-red: #d33682;
+$code-green: #859900;
+$code-yellow: #b58900;
+$code-blue: #268bd2;
+$code-purple: #6c71c4;
+$code-cyan: #2aa198;
+$code-gray: #c5c5c2;
+
+//Styles
+.highlight {
+  background-color: $code-background;
+  border-radius: 10px;
+}
+.highlight pre code, pre code {
+  display: block;
+  color: $code-text;
+  padding: 10px;
+  background-color: $code-background;
+
+  .hll {
+    background-color: $code-yellow;
+  }
+  .gd {
+    color: #8b080b;
+  }
+  .ge {
+    text-decoration: underline;
+  }
+  .gi,
+  .gh,
+  .gu {
+    font-weight: bold;
+  }
+
+  .go {
+    color: $code-background;
+  }
+
+  .bp {
+    font-style: italic;
+  }
+
+  // red 
+  .k,
+  .o,
+  .cp,
+  .kc,
+  .kn,
+  .kp,
+  .kr,
+  .nt,
+  .ow {
+    color: $code-red;
+  }
+  // green 
+  .s,
+  .na,
+  .nc,
+  .nf,
+  .fm {
+    color: $code-green;
+  }
+  // yellow 
+  .sa,
+  .sb,
+  .sc,
+  .dl,
+  .sd,
+  .s2,
+  .se,
+  .sh,
+  .si,
+  .sx,
+  .sr,
+  .s1,
+  .ss {
+    color: $code-yellow;
+  }
+  // blue 
+  .kt {
+    color: $code-blue;
+  }
+  .kd,
+  .nb,
+  .nl,
+  .nv,
+  .vc,
+  .vg,
+  .vi,
+  .vm {
+    color: $code-blue;
+    font-style: italic;
+  }
+  //purple 
+  .c,
+  .mb,
+  .mf,
+  .mh,
+  .mi,
+  .mo,
+  .il,
+  .m,
+  .ch,
+  .cm,
+  .cpf,
+  .c1,
+  .cs {
+    color: $code-purple;
+  }
+}



View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/-/commit/c110824a7eacdea9806c48bfac481ca97b812f5b

-- 
View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/-/commit/c110824a7eacdea9806c48bfac481ca97b812f5b
You're receiving this email because of your account on salsa.debian.org.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.reproducible-builds.org/pipermail/rb-commits/attachments/20210506/8046953a/attachment.htm>