fix: backdrop transparency (#19)

* fix: shows backdrop transparency

* fix: changed `surface0` to `base`

* M E R G E

---------

Co-authored-by: Adam Perkowski <adas1per@protonmail.com>

themes/catppuccin-frappe.css

@@ -18,6 +18,7 @@
   --main-background: #303446;
   --second-background: #292c3c;
   --hover-background: #414559;
+  --main-background-transparent: #303446dd;
   --main-text: #c6d0f5;
   --dimmer-text: #949cbb;
   --green-color: var(--green);

themes/catppuccin-latte.css

@@ -18,6 +18,7 @@
   --main-background: #eff1f5;
   --second-background: #e6e9ef;
   --hover-background: #ccd0da;
+  --main-background-transparent: #eff1f5dd;
   --main-text: #4c4f69;
   --dimmer-text: #7c7f93;
   --green-color: var(--green);

themes/catppuccin-macchiato.css

@@ -18,6 +18,7 @@
   --main-background: #24273a;
   --second-background: #1e2030;
   --hover-background: #363a4f;
+  --main-background-transparent: #24273add;
   --main-text: #cad3f5;
   --dimmer-text: #939ab7;
   --green-color: var(--green);

themes/catppuccin-mocha.css

@@ -18,6 +18,7 @@
   --main-background: #1e1e2e;
   --second-background: #181825;
   --hover-background: #313244;
+  --main-background-transparent: #1e1e2edd;
   --main-text: #cdd6f4;
   --dimmer-text: #9399b2;
   --green-color: var(--green);

themes/theme.css

@@ -328,3 +328,8 @@ div[role=presentation].jstree-wholerow-clicked {
 .itemProgressBar.backgroundProgress .itemProgressBarForeground {
   background-color: var(--hover-background) !important;
 }
+
+.detailPagePrimaryContainer,
+.backgroundContainer.withBackdrop {
+  background-color: var(--main-background-transparent);
+}