Define background colors with transparency
The advantage is that you can see through to see e.g. box-shadows of other
elements behind.
Change-Id: I0fc07e779be8f51dc82c3720118a1c6413f8bcfb
diff --git a/polygerrit-ui/app/styles/themes/app-theme.html b/polygerrit-ui/app/styles/themes/app-theme.html
index 53827b5..c7f1346 100644
--- a/polygerrit-ui/app/styles/themes/app-theme.html
+++ b/polygerrit-ui/app/styles/themes/app-theme.html
@@ -43,8 +43,8 @@
/* background colors */
/* primary background colors */
--background-color-primary: #ffffff;
- --background-color-secondary: #f8f9fa;
- --background-color-tertiary: #f1f3f4;
+ --background-color-secondary: rgba(0, 0, 0, 0.025);
+ --background-color-tertiary: rgba(0, 0, 0, 0.05);
/* directly derived from primary background colors */
--chip-background-color: var(--background-color-tertiary);
--default-button-background-color: var(--background-color-primary);
diff --git a/polygerrit-ui/app/styles/themes/dark-theme.html b/polygerrit-ui/app/styles/themes/dark-theme.html
index 80243dc..61b2dc6 100644
--- a/polygerrit-ui/app/styles/themes/dark-theme.html
+++ b/polygerrit-ui/app/styles/themes/dark-theme.html
@@ -43,8 +43,8 @@
/* background colors */
/* primary background colors */
--background-color-primary: #202124;
- --background-color-secondary: #2f3034;
- --background-color-tertiary: #3b3d3f;
+ --background-color-secondary: rgba(255, 255, 255, 0.05);
+ --background-color-tertiary: rgba(255, 255, 255, 0.1);
/* directly derived from primary background colors */
/* empty, because inheriting from app-theme is just fine
/* unique background colors */
