From fab647aa9be5581d0ba84d8bdf11753d7530d8e8 Mon Sep 17 00:00:00 2001
From: Cem Keylan <cem@ckyln.com>
Date: Mon, 30 Aug 2021 22:11:38 +0300
Subject: update css files

---
 carbslinux.css | 672 +++++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 629 insertions(+), 43 deletions(-)

(limited to 'carbslinux.css')

diff --git a/carbslinux.css b/carbslinux.css
index d35af15..87e6a9f 100644
--- a/carbslinux.css
+++ b/carbslinux.css
@@ -2,31 +2,272 @@
  * Stylesheet for Carbs Linux website
  * Copyright (c) 2019-2021 Cem Keylan
  */
+/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+/*
+Document
+========
+*/
+/**
+Use a better box model (opinionated).
+*/
+*,
+*::before,
+*::after {
+  box-sizing: border-box; }
+
+/**
+Use a more readable tab size (opinionated).
+*/
 :root {
-  --color-carbs-color-bg: #F3F6F8;
-  --color-carbs-color-fg: #0A1E2B;
-  --color-carbs-highlight: #E9ECEE;
-  --color-carbs-pink: #BF6790;
-  --color-carbs-purple: #8C45D4;
-  --color-carbs-blue: #3F74A6;
-  --color-carbs-blue-alt: #3F41A6;
-  --color-carbs-red: #D32C2C;
-  --color-carbs-grey: #738B8B;
-  --color-carbs-green: #027A59;
-  --color-carbs-orange: #B45123; }
+  -moz-tab-size: 4;
+  tab-size: 4; }
+
+/**
+1. Correct the line height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+html {
+  line-height: 1.15;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/*
+Sections
+========
+*/
+/**
+Remove the margin in all browsers.
+*/
+body {
+  margin: 0; }
+
+/**
+Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+*/
+body {
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; }
+
+/*
+Grouping content
+================
+*/
+/**
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+*/
+hr {
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */ }
+
+/*
+Text-level semantics
+====================
+*/
+/**
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+abbr[title] {
+  text-decoration: underline dotted; }
+
+/**
+Add the correct font weight in Edge and Safari.
+*/
+b,
+strong {
+  font-weight: bolder; }
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+code,
+kbd,
+samp,
+pre {
+  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */ }
+
+/**
+Add the correct font size in all browsers.
+*/
+small {
+  font-size: 80%; }
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -0.25em; }
+
+sup {
+  top: -0.5em; }
+
+/*
+Tabular data
+============
+*/
+/**
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+table {
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */ }
+
+/*
+Forms
+=====
+*/
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  line-height: 1.15;
+  /* 1 */
+  margin: 0;
+  /* 2 */ }
+
+/**
+Remove the inheritance of text transform in Edge and Firefox.
+1. Remove the inheritance of text transform in Firefox.
+*/
+button,
+select {
+  /* 1 */
+  text-transform: none; }
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button; }
+
+/**
+Remove the inner border and padding in Firefox.
+*/
+::-moz-focus-inner {
+  border-style: none;
+  padding: 0; }
+
+/**
+Restore the focus styles unset by the previous rule.
+*/
+:-moz-focusring {
+  outline: 1px dotted ButtonText; }
+
+/**
+Remove the additional ':invalid' styles in Firefox.
+See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
+*/
+:-moz-ui-invalid {
+  box-shadow: none; }
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+legend {
+  padding: 0; }
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+progress {
+  vertical-align: baseline; }
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+[type='search'] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */ }
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */ }
+
+/*
+Interactive
+===========
+*/
+/*
+Add the correct display in Chrome and Safari.
+*/
+summary {
+  display: list-item; }
+
+:root {
+  --color-carbs-color-bg: #ffffff;
+  --color-carbs-color-fg: #3b4252;
+  --color-carbs-highlight: #eceff4;
+  --color-carbs-pink: #B48EAD;
+  --color-carbs-purple: #97365B;
+  --color-carbs-blue: #5e81ac;
+  --color-carbs-blue-alt: #81a1c1;
+  --color-carbs-red: #bf616a;
+  --color-carbs-grey: #8b94a5;
+  --color-carbs-green: #4F894C;
+  --color-carbs-orange: #d08770; }
   @media (prefers-color-scheme: dark) {
     :root {
-      --color-carbs-color-bg: #0A1E2B;
-      --color-carbs-color-fg: #F3F6F8;
-      --color-carbs-highlight: #0A2830;
-      --color-carbs-pink: #BF6790;
-      --color-carbs-purple: #A6A6D2;
-      --color-carbs-blue: #6790BF;
-      --color-carbs-blue-alt: #67BCBF;
-      --color-carbs-red: #C34266;
-      --color-carbs-grey: #686868;
-      --color-carbs-green: #67BF96;
-      --color-carbs-orange: #F47A00; } }
+      --color-carbs-color-bg: #2e3440;
+      --color-carbs-color-fg: #eceff4;
+      --color-carbs-highlight: #3b4252;
+      --color-carbs-pink: #b48ead;
+      --color-carbs-purple: #b48ead;
+      --color-carbs-blue: #81a1c1;
+      --color-carbs-blue-alt: #88c0d0;
+      --color-carbs-red: #bf616a;
+      --color-carbs-grey: #6f7787;
+      --color-carbs-green: #a3be8c;
+      --color-carbs-orange: #d08770; } }
 body {
   margin: 0;
   background-color: var(--color-carbs-color-bg);
@@ -46,14 +287,6 @@ p {
   margin-top: 1em;
   margin-bottom: 1em; }
 
-#content {
-  width: 95%;
-  margin: 0 auto;
-  margin-left: auto;
-  margin-right: auto;
-  text-align: left;
-  max-width: 50em; }
-
 .subtitle {
   color: var(--color-carbs-color-fg);
   font-weight: normal;
@@ -78,10 +311,10 @@ h1 {
   color: var(--color-carbs-pink);
   font-weight: 800; }
   h1 a:hover {
-    color: #bf6a67; }
+    color: #b48e9a; }
     @media (prefers-color-scheme: dark) {
       h1 a:hover {
-        color: #bf6a67; } }
+        color: #b48e9a; } }
 h2 {
   color: var(--color-carbs-blue);
   font-weight: 700; }
@@ -124,8 +357,8 @@ blockquote {
   margin-bottom: 2em; }
 
 #navbar {
-  background: #0A1E2B none repeat scroll 0 0 !important;
-  border-bottom: 5px solid #BF6790 !important;
+  background: #2e3440 none repeat scroll 0 0 !important;
+  border-bottom: 5px solid #b48ead !important;
   min-height: 40px;
   padding: 10px 15px !important; }
   #navbar label, #navbar #hamburger {
@@ -133,15 +366,15 @@ blockquote {
   #navbar a.navbartitle {
     margin: 0 !important;
     padding: 0 !important;
-    color: #BF6790 !important;
+    color: #b48ead !important;
     float: left !important;
     font-weight: bolder !important;
     font-size: 200% !important; }
     #navbar a.navbartitle:hover {
       text-decoration: none;
-      color: #BF6790; }
+      color: #b48ead; }
   #navbar #navbarlist li a {
-    color: #F3F6F8;
+    color: #eceff4;
     font-weight: bold;
     text-decoration: none; }
   #navbar ul {
@@ -162,16 +395,20 @@ blockquote {
       padding-right: 15px;
       padding-left: 15px;
       margin: 0; }
+      #navbar ul li a {
+        color: #eceff4;
+        font-weight: bold;
+        text-decoration: none; }
       #navbar ul li a:hover {
-        color: #A6A6D2 !important;
+        color: #b48ead !important;
         text-decoration: none !important; }
 
 @media screen and (max-width: 768px) {
   #navbar label {
     display: inline-block;
     box-sizing: border-box;
-    color: #F3F6F8;
-    background: #BF6790;
+    color: #eceff4;
+    background: #b48ead;
     border-radius: 0.2em;
     font-style: normal;
     text-align: center;
@@ -202,13 +439,13 @@ blockquote {
 footer {
   clear: both;
   margin-top: 2em;
-  background: #0A1E2B none repeat scroll 0 0 !important;
-  border-top: 5px solid #BF6790 !important;
+  background: #2e3440 none repeat scroll 0 0 !important;
+  border-top: 5px solid #b48ead !important;
   padding: 10px 15px !important;
   bottom: 0; }
   footer p {
     text-align: center;
-    color: #F3F6F8; }
+    color: #eceff4; }
 
 /* Syntax highlighting for org-mode source block exports */
 .org-comment, .org-comment-delimiter {
@@ -241,3 +478,352 @@ footer {
 
 .org-warning {
   color: var(--color-carbs-red); }
+
+/* Background */
+.chroma {
+  background-color: var(--color-carbs-highlight); }
+
+/* Other */
+/* Error */
+.chroma .err {
+  color: var(--color-carbs-red);
+  background-color: #e3d2d2; }
+
+/* LineTableTD */
+.chroma .lntd {
+  vertical-align: top;
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+/* LineTable */
+.chroma .lntable {
+  border-spacing: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: auto;
+  overflow: auto;
+  display: block; }
+
+/* LineHighlight */
+.chroma .hl {
+  display: block;
+  width: 100%;
+  background-color: #ffffcc; }
+
+/* LineNumbersTable */
+.chroma .lnt {
+  margin-right: 0.4em;
+  padding: 0 0.4em 0 0.4em;
+  color: #7f7f7f; }
+
+/* LineNumbers */
+.chroma .ln {
+  margin-right: 0.4em;
+  padding: 0 0.4em 0 0.4em;
+  color: #7f7f7f; }
+
+/* Keyword */
+.chroma .k {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* KeywordConstant */
+.chroma .kc {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* KeywordDeclaration */
+.chroma .kd {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* KeywordNamespace */
+.chroma .kn {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* KeywordPseudo */
+.chroma .kp {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* KeywordReserved */
+.chroma .kr {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* KeywordType */
+.chroma .kt {
+  color: var(--color-carbs-blue);
+  font-weight: bold; }
+
+/* Name */
+/* NameAttribute */
+.chroma .na {
+  color: var(--color-carbs-blue-alt); }
+
+/* NameBuiltin */
+.chroma .nb {
+  color: var(--color-carbs-blue); }
+
+/* NameBuiltinPseudo */
+.chroma .bp {
+  color: var(--color-carbs-grey); }
+
+/* NameClass */
+.chroma .nc {
+  color: var(--color-carbs-blue);
+  font-weight: bold; }
+
+/* NameConstant */
+.chroma .no {
+  color: var(--color-carbs-blue-alt); }
+
+/* NameDecorator */
+.chroma .nd {
+  color: var(--color-carbs-blue-alt);
+  font-weight: bold; }
+
+/* NameEntity */
+.chroma .ni {
+  color: var(--color-carbs-pink); }
+
+/* NameException */
+.chroma .ne {
+  color: var(--color-carbs-red);
+  font-weight: bold; }
+
+/* NameFunction */
+.chroma .nf {
+  color: var(--color-carbs-red);
+  font-weight: bold; }
+
+/* NameFunctionMagic */
+/* NameLabel */
+.chroma .nl {
+  color: var(--color-carbs-red);
+  font-weight: bold; }
+
+/* NameNamespace */
+.chroma .nn {
+  color: var(--color-carbs-grey); }
+
+/* NameOther */
+/* NameProperty */
+/* NameTag */
+.chroma .nt {
+  color: var(--color-carbs-blue); }
+
+/* NameVariable */
+.chroma .nv {
+  color: var(--color-carbs-blue-alt); }
+
+/* NameVariableClass */
+.chroma .vc {
+  color: var(--color-carbs-blue-alt); }
+
+/* NameVariableGlobal */
+.chroma .vg {
+  color: var(--color-carbs-blue-alt); }
+
+/* NameVariableInstance */
+.chroma .vi {
+  color: var(--color-carbs-blue-alt); }
+
+/* NameVariableMagic */
+/* Literal */
+/* LiteralDate */
+/* LiteralString */
+.chroma .s {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringAffix */
+.chroma .sa {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringBacktick */
+.chroma .sb {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringChar */
+.chroma .sc {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringDelimiter */
+.chroma .dl {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringDoc */
+.chroma .sd {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringDouble */
+.chroma .s2 {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringEscape */
+.chroma .se {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringHeredoc */
+.chroma .sh {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringInterpol */
+.chroma .si {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringOther */
+.chroma .sx {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringRegex */
+.chroma .sr {
+  color: var(--color-carbs-green); }
+
+/* LiteralStringSingle */
+.chroma .s1 {
+  color: var(--color-carbs-red); }
+
+/* LiteralStringSymbol */
+.chroma .ss {
+  color: var(--color-carbs-pink); }
+
+/* LiteralNumber */
+.chroma .m {
+  color: var(--color-carbs-blue-alt); }
+
+/* LiteralNumberBin */
+.chroma .mb {
+  color: var(--color-carbs-blue-alt); }
+
+/* LiteralNumberFloat */
+.chroma .mf {
+  color: var(--color-carbs-blue-alt); }
+
+/* LiteralNumberHex */
+.chroma .mh {
+  color: var(--color-carbs-blue-alt); }
+
+/* LiteralNumberInteger */
+.chroma .mi {
+  color: var(--color-carbs-blue-alt); }
+
+/* LiteralNumberIntegerLong */
+.chroma .il {
+  color: var(--color-carbs-blue-alt); }
+
+/* LiteralNumberOct */
+.chroma .mo {
+  color: var(--color-carbs-blue-alt); }
+
+/* Operator */
+.chroma .o {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* OperatorWord */
+.chroma .ow {
+  color: var(--color-carbs-color-fg);
+  font-weight: bold; }
+
+/* Punctuation */
+/* Comment */
+.chroma .c {
+  color: var(--color-carbs-grey);
+  font-style: italic; }
+
+/* CommentHashbang */
+.chroma .ch {
+  color: var(--color-carbs-grey);
+  font-style: italic; }
+
+/* CommentMultiline */
+.chroma .cm {
+  color: var(--color-carbs-grey);
+  font-style: italic; }
+
+/* CommentSingle */
+.chroma .c1 {
+  color: var(--color-carbs-grey);
+  font-style: italic; }
+
+/* CommentSpecial */
+.chroma .cs {
+  color: var(--color-carbs-grey);
+  font-weight: bold;
+  font-style: italic; }
+
+/* CommentPreproc */
+.chroma .cp {
+  color: var(--color-carbs-grey);
+  font-weight: bold;
+  font-style: italic; }
+
+/* CommentPreprocFile */
+.chroma .cpf {
+  color: var(--color-carbs-grey);
+  font-weight: bold;
+  font-style: italic; }
+
+/* Generic */
+/* GenericDeleted */
+.chroma .gd {
+  color: var(--color-carbs-color-fg);
+  background-color: #ffdddd; }
+
+/* GenericEmph */
+.chroma .ge {
+  color: var(--color-carbs-color-fg);
+  font-style: italic; }
+
+/* GenericError */
+.chroma .gr {
+  color: var(--color-carbs-red); }
+
+/* GenericHeading */
+.chroma .gh {
+  color: var(--color-carbs-grey); }
+
+/* GenericInserted */
+.chroma .gi {
+  color: var(--color-carbs-color-fg);
+  background-color: var(--color-carbs-green); }
+
+/* GenericOutput */
+.chroma .go {
+  color: var(--color-carbs-grey); }
+
+/* GenericPrompt */
+.chroma .gp {
+  color: var(--color-carbs-grey); }
+
+/* GenericStrong */
+.chroma .gs {
+  font-weight: bold; }
+
+/* GenericSubheading */
+.chroma .gu {
+  color: var(--color-carbs-grey); }
+
+/* GenericTraceback */
+.chroma .gt {
+  color: var(--color-carbs-red); }
+
+/* GenericUnderline */
+.chroma .gl {
+  text-decoration: underline; }
+
+/* TextWhitespace */
+.chroma .w {
+  color: var(--color-carbs-grey); }
+
+#content {
+  width: 95%;
+  margin: 0 auto;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: left;
+  max-width: 50em; }
-- 
cgit v1.2.3