add: clipboard history widget

ags/styles/colors.scss

@@ -0,0 +1,26 @@
+// SCSS Variables
+// Generated by 'wal'
+$wallpaper: "/home/sadorowo/images/wallpapers/youtube_Sheri_142.jpg";
+
+// Special
+$background: #f9f7f5;
+$foreground: #4C3A47;
+$cursor: #4C3A47;
+
+// Colors
+$color0: #f9f7f5;
+$color1: #B77E8E;
+$color2: #6E8EAF;
+$color3: #138DCF;
+$color4: #609DD4;
+$color5: #A196AD;
+$color6: #D6ABA7;
+$color7: #4C3A47;
+$color8: #847974;
+$color9: #B77E8E;
+$color10: #6E8EAF;
+$color11: #138DCF;
+$color12: #609DD4;
+$color13: #A196AD;
+$color14: #D6ABA7;
+$color15: #4C3A47;

ags/styles/components/_clipboard.scss

@@ -0,0 +1,50 @@
+@use '../colors' as *;
+
+.clipboard {
+    entry {
+        background: $color5;
+        color: $color0;
+        padding: 8px 12px;
+        border: none;
+
+        margin-bottom: 6px;
+        
+        &:focus {
+            outline: 2px solid $color0;
+        }
+    }
+
+    .entry {
+        padding: 10px;
+        background: $color5;
+        border-radius: 8px;
+        transition: background 0.2s ease;
+
+        &:hover {
+            background: $color0;
+        
+            box>.content {
+                color: $color5;
+            }
+        }
+        box {
+            .content {
+                color: $color0;
+                font-size: 14px;
+                font-weight: 600;
+            }
+        }
+    }
+
+    .not-found {
+        background: $color5;
+        color: $color0;
+        font-size: 14px;
+        padding: 10px;
+        border-radius: 8px;
+
+        image {
+            margin-bottom: 8px;
+        }
+    }
+}

ags/styles/components/_index.scss

@@ -1,4 +1,5 @@
 @forward '_bar';
 @forward '_launcher';
+@forward '_clipboard';
 @forward '_battery_info';
 @forward '_quick_settings';