https://kloeckner.com.ar

Commits Files Refs README LICENSE

commit 577f2030b33e52e19f3d3d99fd7a028a040758e7
parent 37a0bc6d92b2e2b591785daadb534bba66cad61f
Author: Martin Kloeckner <mjkloeckner@gmail.com>
Date:   Wed, 20 Nov 2024 17:24:32 -0300

change code blocks style (remove border and change bg color)

Diffstat:
M
common/head.shtml
 | 
2
+-
M
css/article.css
 | 
4
++--
M
css/colors.css
 | 
6
+++---
M
css/style.css
 | 
4
++--

4 files changed, 8 insertions(+), 8 deletions(-)
diff --git a/common/head.shtml b/common/head.shtml
@@ -13,5 +13,5 @@
     rel="stylesheet"
     href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=contrast"/>
 
-<link rel='stylesheet' type='text/css' href="/css/style.css?ver=0.5">
+<link rel='stylesheet' type='text/css' href="/css/style.css?ver=0.5.1">
 <link rel="icon" type="image/x-icon" href="favicon.webp">
diff --git a/css/article.css b/css/article.css
@@ -97,8 +97,8 @@ blockquote {
 }
 
 /* Monokai theme */
-/* Background */ .bg { color: antiquewhite; background-color: #111111; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
-/* PreWrapper */ .chroma { color: antiquewhite; background-color: #111111; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
+/* Background */ .bg { color: antiquewhite; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
+/* PreWrapper */ .chroma { color: antiquewhite; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
 /* Punctuation */ .chroma .p { color: antiquewhite; }
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
 /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
diff --git a/css/colors.css b/css/colors.css
@@ -4,7 +4,7 @@
     --accent-color: crimson;
     --secondary-accent-color: peru;
     --hover-color: peru;
-    --code-bg: #303030;
+    --code-bg: #262626;
     --link-color: peru;
     --link-hover-color: crimson;
     --title-color: #DAA520;
@@ -31,8 +31,8 @@
     --grey1: #D0D0D0;
 
     /* Monokai light theme */
-    /* Background */ .bg { color: #272822; background-color: #fafafa; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
-    /* PreWrapper */ .chroma { color: #272822; background-color: #fafafa; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
+    /* Background */ .bg { color: #272822; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4 }
+    /* PreWrapper */ .chroma { color: #272822; background-color: var(--code-bg); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
     /* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
     /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
     /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
diff --git a/css/style.css b/css/style.css
@@ -276,14 +276,14 @@ pre {
 
     padding: .75em;
     border-radius: 0em;
-    background-color: var(--pre-bg-color);
+    background-color: var(--code-bg);
     width: auto;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: .25em;
     margin-bottom: 1.00em;
-    border-width: 2px;
+    border-width: 0px;
     border-color: var(--pre-border-color);
     border-style: solid;
     /* box-shadow: 5px 5px 7px black; */