docs : better documentation and uploading screenshot.

.config/wofi/style.css

@@ -1,4 +1,4 @@
-@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); /* ambil palet Pywal */
+@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); 
 
 /* === Global === */
 * {
@@ -9,12 +9,11 @@
     background-color: transparent;
 }
 
-/* === Window utama === */
+/* === Main Window === */
 window {
     padding: 20px;
     border-radius: 12px;
 
-    /* Campuran background + nuansa @color1 */
     background:
     radial-gradient(circle at top left,     alpha(@color1,0.35), transparent 70%),
     radial-gradient(circle at top right,    alpha(@color1,0.35), transparent 70%),
@@ -66,7 +65,7 @@ window {
     color: @foreground;
 }
 
-/* Item terpilih (highlight nuansa pywal) */
+/* Highlight item */
 #entry:selected {
     background-color: alpha(@color1, 0.2); /* warna highlight */
     border: 1px solid @color1;

.config/wofi/styles.css

@@ -1,101 +0,0 @@
-@import url("file:///home/rionzaphkiel/.cache/wal/colors-waybar.css"); 
-
-@keyframes fadeIn {
-    0% {
-    }
-    100% {
-    }
-}
-
-* {
-    all:unset;
-    font-family: 'JetBrains Mono', monospace;
-    font-size: 18px;
-    outline: none;
-    border: none;
-    text-shadow:none;
-    background-color:transparent;
-}
-
-window {
-    all:unset;
-    padding: 20px;
-    border-radius: 0px;
-    background-color: alpha(@background,.5);
-}
-#inner-box {
-    margin: 2px;
-    padding: 5px
-    border: none;
-}
-#outer-box {    
-    border: none;
-}
-#scroll {
-    margin: 0px;
-    padding: 30px;
-    border: none;
-}
-#input {
-    all:unset;
-    margin-left:20px;
-    margin-right:20px;
-    margin-top:20px;
-    padding: 20px;
-    border: none;
-    outline: none;
-    color: @text;
-    box-shadow: 1px 1px 5px rgba(0,0,0, .5);
-    border-radius:10;
-    background-color: alpha(@background,.2);
-}
-#input image {
-    border: none;
-    color: @red;
-    padding-right:10px;
-}
-#input * {
-    border: none;
-    outline: none;
-}
-
-#input:focus {
-    outline: none;
-    border: none;
-
-    border-radius:10;
-}
-#text {
-    margin: 5px;
-    border: none;
-    color: @color1;
-    outline: none;
-}
-#text {
-    margin: 5px;
-    border: none;
-    color: @text;
-    outline: none;
-}
-#entry {
-    border: none;
-    margin: 5px;
-    padding: 10px;
-}
-#entry arrow {
-    border: none;
-    color: @lavender;
-
-}
-#entry:selected {
-    box-shadow: 1px 1px 5px rgba(255,255,255, .03);
-    border: none;
-    border-radius: 20px;
-    background-color:transparent;
-}
-#entry:selected #text {
-    color: @mauve;
-}
-#entry:drop(active) {
-    background-color: @lavender !important;
-}