BB10: Better support for dark theme

Dark theme is default on devices with OLED display and some resources where not visible due to being dark too.
leppa · Sep 26, 2014 · c5712d0 · c5712d0
1 parent e5e5bee
commit c5712d0
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/qml/bb10/DictionaryDelegate.qml b/qml/bb10/DictionaryDelegate.qml
@@ -84,7 +84,7 @@ Container {
         }
     }
     ImageView {
-        imageSource: "asset:///icons/collapse.png"
+        imageSource: "asset:///icons/collapse" + (darkTheme ? "_inverted" : "") + ".png"
         topMargin: 0
         bottomMargin: 0
         preferredWidth: 35
@@ -97,7 +97,7 @@ Container {
         bottomMargin: 0
     }
     ImageView {
-        imageSource: "asset:///icons/expand.png"
+        imageSource: "asset:///icons/expand" + (darkTheme ? "_inverted" : "") + ".png"
         topMargin: 0
         bottomMargin: 0
         preferredWidth: 35

diff --git a/qml/bb10/MainPage.qml b/qml/bb10/MainPage.qml
@@ -25,6 +25,8 @@ import bb.system 1.0
 import taot 1.0
 
 Page {
+    property bool darkTheme: Application.themeSupport.theme.colorTheme.style === VisualStyle.Dark
+
     titleBar: TitleBar {
         kind: TitleBarKind.FreeForm
         kindProperties: FreeFormTitleBarKindProperties {
@@ -76,7 +78,7 @@ Page {
                 }
 
                 Button {
-                    imageSource: "asset:///icons/swap.png"
+                    imageSource: "asset:///icons/swap" + (darkTheme ? "_inverted" : "") + ".png"
                     visible: translator.canSwapLanguages
                     onClicked: {
                         translator.swapLanguages();

diff --git a/qml/bb10/icons/collapse_inverted.png b/qml/bb10/icons/collapse_inverted.png
diff --git a/qml/bb10/icons/expand_inverted.png b/qml/bb10/icons/expand_inverted.png
diff --git a/qml/bb10/icons/swap_inverted.png b/qml/bb10/icons/swap_inverted.png