feat(ags binto): add current window indicator

modules/ags/config/binto.ts

@@ -9,7 +9,7 @@ import OSD from './ts/osd/main.ts';
 import Powermenu from './ts/powermenu.ts';
 
 
-// TODO: add workspace indicator and current window indicator
+// TODO: add workspace indicator
 App.config({
     icons: './icons',
 

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

@@ -19,6 +19,11 @@
       }
     }
   }
+
+  .current-window {
+    padding-right: 7px;
+    background-color: $bgfull;
+  }
 }
 
 .razer {

modules/ags/config/ts/bar/binto.ts

@@ -5,6 +5,7 @@ import Separator from '../misc/separator.ts';
 import BarRevealer from './fullscreen.ts';
 
 import Clock from './items/clock.ts';
+import CurrentWindow from './items/current-window';
 import NotifButton from './items/notif-button.ts';
 import RazerStats from './items/razer-stats.ts';
 import SysTray from './items/systray.ts';
@@ -37,7 +38,9 @@ export default () => BarRevealer({
                 }),
 
                 center_widget: Box({
-                    children: [],
+                    children: [
+                        CurrentWindow(),
+                    ],
                 }),
 
                 end_widget: Box({

modules/ags/config/ts/bar/items/current-window.ts

@@ -8,6 +8,8 @@ const SPACING = 8;
 
 
 export default () => Box({
+    class_name: 'current-window',
+
     children: [
         Separator(SPACING / 2),