Renew Theme

ki11dee · Jan 10, 2025 · 5f79492 · 5f79492
1 parent 6ff6d12
commit 5f79492
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 78 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -2,6 +2,9 @@
 <html lang="{{ site.lang | default: "en-US" }}">
   <head>
     <link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/monokai.min.css">
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
+    <script>hljs.highlightAll();</script>
     <script type="text/javascript">
       MathJax = {
         tex: {
@@ -72,6 +75,7 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repo
     </div>
     <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
   </body>
+  <!--
   <script>
     document.addEventListener('DOMContentLoaded', function () {
       const createSnowflake = () => {
@@ -89,4 +93,5 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repo
       setInterval(createSnowflake, 800);
     });
   </script>
+  -->
 </html>
diff --git a/_sass/jekyll-theme-minimal.scss b/_sass/jekyll-theme-minimal.scss
@@ -2,15 +2,20 @@
 @import "rouge-github";
 
 body {
-  background-color: #fff;
+  background-color: #1d178f;
   padding:50px;
-  font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color:#727272;
+  font: 14px/1.5 "Lucida Console", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color:#c2c2c2;
   font-weight:400;
 }
 
+::selection {
+  background-color: #00ff00;
+  color: #000000;
+}
+
 h1, h2, h3, h4, h5, h6 {
-  color:#222;
+  color:#eaeaea;
   margin:0 0 20px;
 }
 
@@ -24,60 +29,54 @@ h1, h2, h3 {
 
 h1 {
   font-size:28px;
-  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
 }
 
 h2 {
-  color:#393939;
+  color:#eaeaea;
 }
 
 h3, h4, h5, h6 {
-  color:#494949;
+  color:#eaeaea;
 }
 
 a {
-  color:#267CB9;
+  color:#FFF000;
   text-decoration:none;
 }
 
 a:hover, a:focus {
-  color:#069;
+  color:#FF5555;
   font-weight: bold;
 }
 
 a small {
   font-size:11px;
-  color:#777;
+  color:#FF5555;
   margin-top:-0.3em;
   display:block;
 }
 
 a:hover small {
-  color:#777;
+  color:#FF5555;
 }
 
 .wrapper {
-  width:860px;
+  width:900px;
   margin:0 auto;
 }
 
 blockquote {
-  border-left:1px solid #e5e5e5;
+  border-left:1px solid #000000;
   margin:0;
   padding:0 0 0 20px;
   font-style:italic;
 }
 
-code, pre {
-  font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
-  color:#333;
-}
-
-pre {
-  padding:8px 15px;
-  background: #f8f8f8;
-  border-radius:5px;
-  border:1px solid #e5e5e5;
+pre, code, pre code {
+  background-color: #000000 !important;
+  color: #d3d3d3 !important;
+  padding: 3px;
+  border: 1px solid #000000;
   overflow-x: auto;
 }
 
@@ -93,12 +92,12 @@ th, td {
 }
 
 dt {
-  color:#444;
+  color:#FF5555;
   font-weight:700;
 }
 
 th {
-  color:#444;
+  color:#FF5555;
 }
 
 img {
@@ -162,7 +161,7 @@ ul.downloads {
 }
 
 .downloads a:hover, .downloads a:focus {
-  color:#675C5C;
+  color:#FF5555;
   font-weight:bold;
 }
 
@@ -171,7 +170,7 @@ ul.downloads {
 }
 
 strong {
-  color:#222;
+  color:#FFFFFF;
   font-weight:700;
 }
 
@@ -183,11 +182,11 @@ strong {
 .downloads a strong {
   font-size:14px;
   display:block;
-  color:#222;
+  color:#FF5555;
 }
 
 section {
-  width:500px;
+  width:600px;
   float:right;
   padding-bottom:50px;
 }
@@ -225,7 +224,7 @@ footer {
   }
 
   header {
-    padding-right:320px;
+    padding: right 620px;
   }
 
   section {
@@ -282,28 +281,28 @@ footer {
   body {
     padding:0.4in;
     font-size:12pt;
-    color:#444;
+    color:#ff00d0;
   }
 }
 
-.snowflake {
-  position: fixed;
-  top: -10px;
-  color: #F0F0F0;
-  font-size: 1em;
-  user-select: none;
-  pointer-events: none;
-  z-index: 9999;
-  animation: fall linear infinite;
-}
-
-@keyframes fall {
-  0% {
-    transform: translateY(0) rotate(0deg);
-    opacity: 1;
-  }
-  100% {
-    transform: translateY(calc(100vh + 10px)) rotate(360deg);
-    opacity: 0.5;
-  }
-}
+// .snowflake {
+//   position: fixed;
+//   top: -10px;
+//   color: #F0F0F0;
+//   font-size: 1em;
+//   user-select: none;
+//   pointer-events: none;
+//   z-index: 9999;
+//   animation: fall linear infinite;
+// }
+
+// @keyframes fall {
+//   0% {
+//     transform: translateY(0) rotate(0deg);
+//     opacity: 1;
+//   }
+//   100% {
+//     transform: translateY(calc(100vh + 10px)) rotate(360deg);
+//     opacity: 0.5;
+//   }
+// }
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -29,19 +29,26 @@
 }
 
 /* assets/css/main.css */
+pre {
+  position: relative; /* 부모 요소를 상대적으로 위치 */
+  padding: 20px;
+}
+
 .copy-button {
-    background-color: #007bff;
-    color: #ffffff;
-    border: none;
-    padding: 5px 10px;
-    margin-top: 5px;
-    cursor: pointer;
-    border-radius: 3px;
-  }
-
-  .copy-button:hover {
-    background-color: #0056b3;
-  }
+  position: absolute; /* 절대 위치 지정 */
+  top: 10px; /* 상단 여백 */
+  right: 10px; /* 오른쪽 여백 */
+  background-color: #007bff;
+  color: #ffffff;
+  border: none;
+  padding: 5px 10px;
+  cursor: pointer;
+}
+
+.copy-button:hover {
+  background-color: #0056b3;
+}
+
 /* assets/css/main.css */
 details {
     border: 1px solid #ccc;
@@ -58,17 +65,4 @@ details {
 
   details[open] summary {
     color: #0056b3;
-  }
-/* Reading Progress Bar  */
-#progress-bar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 0%;
-    height: 5px;
-    background: #007bff;
-    z-index: 1000;
-  }
-p, article {
-  text-align: justify;
-}
+  }