From 23af3dc71786021de631e533d123d17f0c2f3703 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sun, 9 Oct 2022 15:34:29 +0200
Subject: [PATCH] change ui of codes

---
 assets/css/app.scss        | 20 ++++++++++++++++----
 assets/css/app/config.scss |  6 +++---
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 9813ab8..5fd51bf 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -108,7 +108,12 @@ a:focus .logo-svg * {
 }
 
 pre[class*="language-"] {
-  border-radius: 0 !important;
+  border-radius: 15px !important;
+
+  &.with-title {
+    border-top-left-radius: 0 !important;
+    border-top-right-radius: 0 !important;
+  }
 }
 
 .blog {
@@ -481,7 +486,12 @@ pre[class*="language-"] {
     &[class*="language-"] {
       padding-bottom: 10px;
       padding-top: 10px;
-      border: 1px solid #3c3c3c;
+      border: 1px solid $color-code-border;
+      overflow: hidden;
+
+      &:hover {
+        overflow: auto;
+      }
     }
   }
 }
@@ -623,12 +633,14 @@ pre[class*="language-"] {
 }
 
 .code-window {
-  height: 30px;
+  height: 50px;
   background: $color-code-title-background url('../images/window.svg') no-repeat center right;
   padding-left: 15px;
   font-family: Monospace;
   color: #ccc;
-  line-height: 30px;
+  line-height: 50px;
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
 }
 
 .body-content {
diff --git a/assets/css/app/config.scss b/assets/css/app/config.scss
index b8365b9..9b2cd1d 100644
--- a/assets/css/app/config.scss
+++ b/assets/css/app/config.scss
@@ -34,12 +34,12 @@ $color-content-background: $color-white;
 $content-max-width: 1250px;
 
 /* GIST compatiblity */
-$color-code-border: #3c3c3c;
+$color-code-border: #1d2231;
 $color-code-background: #222222;
 $color-code-text: #f8f8f2;
 $color-code-mark-background: $color-light-blue;
-$color-code-title-background: #3c3c3c;
-$color-code-title-text: #999;
+$color-code-title-background: #1d2231;
+$color-code-title-text: #e0e0e0;
 /* --- */
 
 :root {