Merge pull request #46 from yummypixza/modal_bg

apply custom colors to modal and bg-surface

Author: refact0r

src/main.css

@@ -243,6 +243,11 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 	}
 }
 
+/* fix double left border at friends' activity now lane */
+.scroller_bf550a {
+    border-left: 0px solid var(--background-modifier-accent);
+}
+
 /*"ReadAllNotifications" button*/
 .vc-ranb-button {
 	font-size: 12px;
@@ -549,7 +554,7 @@ svg[class^=slider_] > rect[fill='white'] /* settings checkbuttons slider */ {
 .theme-dark,
 html.theme-light {
 	--action-sheet-gradient-bg: var(--primary-630);
-	--activity-card-background: var(--primary-700);
+	--activity-card-background: var(--bg-0);
 	--activity-card-icon-overlay: hsl(223 calc(1 * 6.7%) 20.6% / 0.85);
 	--alert-bg: var(--primary-600);
 	--android-navigation-bar-background: var(--primary-830);
@@ -580,16 +585,16 @@ html.theme-light {
 	--background-tertiary: var(--bg-0);
 	--bg-backdrop: hsl(0 calc(1 * 0%) 0% / 0.7);
 	--bg-backdrop-no-opacity: var(--black-500);
-	--bg-base-primary: var(--primary-600);
-	--bg-base-secondary: var(--primary-630);
+	--bg-base-primary: var(--bg-0);
+	--bg-base-secondary: var(--bg-1);
 	--bg-base-tertiary: var(--primary-660);
 	--bg-brand: var(--brand-500);
-	--bg-mod-faint: var(--bg-1);
+	--bg-mod-faint: var(--bg-0);
 	--bg-mod-strong: var(--bg-2);
 	--bg-mod-subtle: hsl(228 calc(1 * 6%) 32.5% / 0.48);
-	--bg-surface-overlay: var(--bg-0);
+	--bg-surface-overlay: var(--bg-1);
 	--bg-surface-overlay-tmp: var(--primary-800);
-	--bg-surface-raised: var(--primary-600);
+	--bg-surface-raised: var(--bg-0);
 	--black: var(--black-500);
 	--blur-fallback: hsl(225 calc(1 * 6.3%) 12.5% / 0.96);
 	--blur-fallback-pressed: hsl(225 calc(1 * 7.1%) 11% / 0.96);
@@ -738,8 +743,8 @@ html.theme-light {
 	--logo-primary: var(--white-500);
 	--mention-background: var(--mention-bg);
 	--mention-foreground: var(--mention-txt);
-	--modal-background: var(--primary-600);
-	--modal-footer-background: var(--primary-630);
+	--modal-background: var(--bg-1);
+	--modal-footer-background: var(--bg-0);
 	--navigator-header-tint: var(--white-500);
 	--panel-bg: var(--primary-600);
 	--polls-normal-fill-hover: var(--primary-600);