working on css for website

src/static/css/all.css

@@ -31,7 +31,7 @@ html, body {
     padding:0; 
     margin:0; 
     height:100%;
-    background-image: linear-gradient(#060114, #0F0233);
+    background-image: linear-gradient(#0f0233, #000000);
     background-repeat: no-repeat;
     background-attachment: fixed;
 }
@@ -145,7 +145,7 @@ img {
 
 .top {
     grid-area: 1 / 1 / 2 / 2; 
-    color: #C0AAC0;
+    color: #b61e54;
     text-align: center;
     font-size: clamp(0.8rem, 5vw, 1.5rem);
     text-overflow: hidden;
@@ -155,17 +155,17 @@ img {
     align-items: center; 
 }
 .top a {
-    color: #C0AAC0;
+    color: #b61e54;
     font-family: 'mitochondriaregular', sans-serif;
     font-size: .73em;
     font-weight: bold;
 }
 .top a:hover {
-    color: #A88AA8;
+    color: #b61e54;
     font-weight: bold;
 }
 .top a:visited {
-    color: #C0AAC0;
+    color: #b61e54;
     font-weight: bold;
 }
 

src/static/css/diary.css

@@ -21,7 +21,7 @@ h2 {
     }
 
     .diary-dir {
-        color: #C0AAC0;
+        color: #bbc704;
   flex-shrink: 0;  display: flex;
         justify-content: center;
         background-color: transparent;
@@ -38,7 +38,7 @@ h2 {
             -1px  0   1px #080410;
     }
     .diary-dir a {
-        color: #C0AAC0;
+        color: #bbc704;
         font-weight: bold;
         text-shadow:
             -1px -1px 1px #080410,
@@ -58,6 +58,7 @@ h2 {
         vertical-align: middle;
     }
     .diary-dir-numbers {
+        color: #7d4afb;
         height: 0em;
         display: inline-block;
         vertical-align: middle;
@@ -65,6 +66,9 @@ h2 {
         margin-left: .3em;
         margin-right: .3em;
     }
+    .diary-dir-numbers a {
+        color: #7d4afb;
+    }
     .diary-dir-number {
         display: inline-block;
         vertical-align: middle;
@@ -86,12 +90,12 @@ h2 {
     .snippet {
         margin-top: 0em;
         margin-bottom: 4em;
-        background-color: #585c88;
+        /*background-color: #9E1A48;*/
     }
 
     .snippet-title {
         text-indent: 2em;
-        background-color: #585c88;
+        background-color: #7d4afb;
         border-top-left-radius: .3em;
         border-top-right-radius: .3em;
         height: auto;
@@ -127,13 +131,15 @@ h2 {
         font-family: 'mitochondriaregular', sans-serif;
     }
     .snippet-content {
-        background-color: #C0AAC0;
+        background-image: linear-gradient(#6F37FB,#bbc704);
+        /*background-color: #6F37FB;*/
         color: #080410;
         padding: 1em;
         font-size: 1em;
     }
     .date-line {
-        background-color: #585c88;
+        background-image: linear-gradient(#7d4afb, #6F37FB);
+        /*background-color: #7d4afb;*/
         color: #080410;
         padding: .5em;
         padding-left: 2em;

src/static/css/sidebar.css

@@ -12,13 +12,13 @@
     font-weight: bold;
 }
 .sidebar a {
-    color: #1D1761;
+    color: #4622A0;
 }
 .sidebar a:hover {
     color: #3127A5;
 }
 .sidebar a:visited {
-    color: #1D1761;
+    color: #4622A0;
 }
 .sidebar a:active {
     color: #3B2FC6;
@@ -26,7 +26,8 @@
 
 
     .diary-box {
-        background-color: #A88AA8;  
+            background-image: linear-gradient(#FD87F9, #9555fa);
+            /*background-color: #FD87F9;  */
         text-align: center;
         border-radius: 1em;
         margin: 1em;
@@ -51,7 +52,7 @@
         grid-area: 5 / 1 / 6 / 2;
     }
     .diary-box ul {
+	background-color: transparent; 
         text-align: left;
         padding: 0em;
-        background-color: #A88AA8; 
     }

src/views/diary-boxes.tpl

@@ -3,7 +3,7 @@
         <div class="sidebar">
             <div class="diary-box about-box">
                 <h2>about</h2>
-                <p><a href="/"><b>Blessfrey.me</b></a> is my webdev playground, written in BottlePy! Sometimes I share my hobbies here.</p>
+                <p><a href="/"><b>Blessfrey.me</b></a> is my webdev playground, written in BottlePy! I try to write in my diary once a month. </p>
             </div>
     
             <div class="diary-box social-box">
@@ -11,7 +11,6 @@
                 <ul>
                     <li>{{random.choice(['.','•','☆','★'])}}&#9;Discord: <a href="https://discordapp.com/users/491738784417710123">customsofficer</a> </li>
                     <li>{{random.choice(['.','•','☆','★'])}}&#9;Steam: <a href="https://steamcommunity.com/id/customso/">Customs Officer</a> </li>
-                    <li>{{random.choice(['.','•','☆','★'])}}&#9;FlightRising: <a href="https://www1.flightrising.com/clan-profile/525948">Aristene</a> </li>
                 </ul>
             </div>
 
@@ -40,7 +39,7 @@
                 <h2>disclosure</h2>
                 <p>Blessfrey.me has no sponsored posts or affiliate links. </p>
                 <p>Blessfrey.me is not collecting personal information + has no cookies. </p>
-                <p>Thank you for visiting. </p>
+		<p>･｡･<i>Thank you for visiting</i>☄･｡ </p>
 <!--⠀⠀⠀⠀⠀⠀⠀⠀⠀ ＿＿<br>
 　　　　　／＞　　フ<br>
 　　　　　| 　_　 _ l<br>