fix(ags binto): add clipboard

modules/ags/config/binto.ts

@@ -4,6 +4,7 @@ import Pointers from './services/pointers.ts';
 
 import AppLauncher from './ts/applauncher/main.ts';
 import Bar from './ts/bar/binto.ts';
+import Clipboard from './ts/clipboard/main.ts';
 import { NotifPopups, NotifCenter } from './ts/notifications/binto.ts';
 import OSD from './ts/osd/main.ts';
 import Powermenu from './ts/powermenu.ts';
@@ -24,6 +25,7 @@ App.config({
 
     windows: () => [
         AppLauncher(),
+        Clipboard(),
         NotifCenter(),
         Powermenu(),
 

modules/ags/config/scss/binto-widgets/clipboard.scss

@@ -0,0 +1,63 @@
+.clipboard {
+  all: unset;
+  border: 2px solid $contrast-bg;
+  background-color: $bg;
+  color: #f8f8f2;
+  padding: 2px;
+
+  * {
+    font-size: 16px;
+  }
+
+  list, row {
+    all: unset;
+  }
+
+  scrolledwindow {
+    padding: 10px;
+    padding-bottom: 0;
+    min-width: 900px;
+    min-height: 750px;
+
+    scrollbar, scrollbar * {
+      all: unset;
+    }
+
+    scrollbar.vertical {
+      transition: 200ms;
+      background-color: rgba(23, 23, 23, 0.3);
+      margin: 20px 0;
+
+      &:hover {
+        background-color: rgba(23, 23, 23, 0.7);
+
+        slider {
+          background-color: rgba(238, 238, 238, 0.7);
+          min-width: .6em;
+        }
+      }
+
+      slider {
+        background-color: rgba(238, 238, 238, 0.5);
+        border-radius: 9px;
+        min-width: .4em;
+        min-height: 2em;
+        transition: 200ms;
+      }
+    }
+  }
+
+  .item {
+    all: unset;
+    transition: 200ms;
+    border-radius: 9px;
+
+    box {
+      padding: 10px;
+    }
+  }
+
+  *:selected, .item:hover, .item:focus {
+    background-color: #363449;
+  }
+}

modules/ags/config/scss/binto.scss

@@ -15,3 +15,4 @@ undershoot {
 @import './binto-widgets/notification-center';
 @import './binto-widgets/osd';
 @import './binto-widgets/powermenu';
+@import './binto-widgets/clipboard';