From b1036348074df4a57d825aaede2d3c4ce18945cf Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Fri, 22 Sep 2023 14:47:37 -0400
Subject: [PATCH] style(ags): change some css

---
 config/ags/js/media-player/player.js  |  1 +
 config/ags/scss/widgets/overview.scss | 11 ++++++-----
 config/ags/style.css                  |  9 ++++-----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/config/ags/js/media-player/player.js b/config/ags/js/media-player/player.js
index 013adfc0..093934db 100644
--- a/config/ags/js/media-player/player.js
+++ b/config/ags/js/media-player/player.js
@@ -82,6 +82,7 @@ const PlayerBox = player => mpris.CoverArt(player, {
   ],
 });
 
+// TODO: Make this a stack with animations and gestures
 export default () => Box({
   vertical: true,
   className: 'media',
diff --git a/config/ags/scss/widgets/overview.scss b/config/ags/scss/widgets/overview.scss
index dc4038b6..5f55dfa4 100644
--- a/config/ags/scss/widgets/overview.scss
+++ b/config/ags/scss/widgets/overview.scss
@@ -1,23 +1,24 @@
 .overview {
-  background-color: $bg;
-  border-radius: 30px;
-  border: 2px solid $contrastbg;
-  padding: 10px;
   min-height: 1px;
   min-width: 1px;
 
   .workspace {
     padding: 4px;
     border: 2px solid transparent;
-    transition: border-color 0.2s ease-in-out;
+    transition: border-color 0.2s ease-in-out,
+                background-color 0.2s ease-in-out;
     border-radius: 10px;
 
     &.active {
+      background-color: rgba(lighten($color: black, $amount: 15), 0.8);
+      transition: border-color 0.2s ease-in-out,
+                  background-color 0.2s ease-in-out;
       border: 2px solid black;
     }
   }
 
   .workspace .window {
+    background-color: $bgfull;
     border-radius: 10px;
     margin: 0 10px;
     transition: min-width 0.2s ease-in-out,
diff --git a/config/ags/style.css b/config/ags/style.css
index a4b464bf..bba32d48 100644
--- a/config/ags/style.css
+++ b/config/ags/style.css
@@ -663,20 +663,19 @@ calendar:indeterminate {
   transition: background-color 0.5s ease-in-out; }
 
 .overview {
-  background-color: rgba(40, 42, 54, 0.8);
-  border-radius: 30px;
-  border: 2px solid rgba(189, 147, 249, 0.8);
-  padding: 10px;
   min-height: 1px;
   min-width: 1px; }
   .overview .workspace {
     padding: 4px;
     border: 2px solid transparent;
-    transition: border-color 0.2s ease-in-out;
+    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
     border-radius: 10px; }
     .overview .workspace.active {
+      background-color: rgba(38, 38, 38, 0.8);
+      transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
       border: 2px solid black; }
   .overview .workspace .window {
+    background-color: #282a36;
     border-radius: 10px;
     margin: 0 10px;
     transition: min-width 0.2s ease-in-out, min-height 0.2s ease-in-out, border-color 0.2s ease-in-out, font-size 0.2s ease-in-out; }