make available chat bubble color in "highlevel"

deltachat · Aug 2, 2019 · c99aa8e · c99aa8e
1 parent 8924cc6
commit c99aa8e
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/src/renderer/ThemeBackend.js b/src/renderer/ThemeBackend.js
@@ -99,9 +99,9 @@ export function ThemeDataBuilder (theme) {
     setupMessageText: '#ed824e',
     infoMessageBubbleBg: '#000000',
     infoMessageBubbleText: 'white',
-    messageIncommingBg: '#ffffff',
+    messageIncommingBg: theme.bgMessageBubbleIncoming,
     messageIncommingDate: theme.textPrimary,
-    messageOutgoingBg: '#efffde',
+    messageOutgoingBg: theme.bgMessageBubbleOutgoing,
     messageOutgoingStatusColor: '#4caf50',
     // Message Bubble - Buttons
     messageButtons: '#8b8e91',
@@ -214,8 +214,9 @@ export const defaultTheme = Object.freeze({
   bgChatView: 'lime',
   bgNavBar: '#415e6b',
   textNavBar: '#fff',
-  scrollbarTransparency: 0.4
-
+  scrollbarTransparency: 0.4,
+  bgMessageBubbleIncoming: '#fff',
+  bgMessageBubbleOutgoing: '#efffde'
 })
 
 export const defaultThemeData = Object.freeze(ThemeDataBuilder(defaultTheme))

diff --git a/src/renderer/ThemeSystem.md b/src/renderer/ThemeSystem.md
@@ -40,22 +40,25 @@ getDefaultTheme ()
 ```
 npx electron . --theme-watch "./themes/dark.json"
 ```
+Quirks:
+- You're theme gets only updated and loaded on change of the specified theme file
+- Doesn't work with `npm run dev` because this argument gets lost
 
 ### TODO
 delete this section after done before merge!
 
 - login screen known acconts text
 - toggle hover
 - main menu seperation bars
-- emoji picker search icon should have color of placeholder
-- emoji picker border can be a bit more pronounced
+- main menu rightside triangle/arrow
+- main menu shadow thingie looks wreid in dark modes
+- emoji picker border can be a bit more pronounced (especially for dark themes)
 
 - gradients? namely:
     - bp3 input focus
     - gradient between chatlist and chatview
 
-- highlevel:
- - make availible chat bubble color
+
 
 - sample dark theme
 

diff --git a/themes/dark.json b/themes/dark.json
@@ -11,9 +11,7 @@
     "bgNavBar": "#4e1479",
     "textNavBar": "#ddddf0",
     "scrollbarTransparency": 0.34,
-    "raw": {
-        "messageIncommingBg": "#303030",
-        "messageOutgoingBg": "#354535"
-
-    }
+    "bgMessageBubbleIncoming": "#303030",
+    "bgMessageBubbleOutgoing": "#354535",
+    "raw": {}
 }
diff --git a/themes/dark_amoled.json b/themes/dark_amoled.json
@@ -11,10 +11,8 @@
     "bgNavBar": "#000",
     "textNavBar": "#ddd",
     "scrollbarTransparency": 0.45,
-    "raw": {
-        "messageIncommingBg": "#222",
-        "messageOutgoingBg": "#343"
-
-    }
+    "bgMessageBubbleIncoming": "#222",
+    "bgMessageBubbleOutgoing": "#343",
+    "raw": {}
 }