fix: dark skin for list view and custom actionbar

NativeScript · Oct 23, 2016 · 9ed6676 · 9ed6676
1 parent 7c27856
commit 9ed6676
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 7 deletions.
diff --git a/app/pages/modal.xml b/app/pages/modal.xml
@@ -2,7 +2,7 @@
   loaded="onLoaded"
   shownModally="onShownModally">
   <StackLayout>
-    <GridLayout rows="auto" columns="100,*,100" class="action-bar m-10">
+    <GridLayout rows="auto" columns="100,*,100" class="action-bar p-10">
       <Button text="Close" tap="{{close}}" row="0" col="0" class="action-item text-left" />
       <Label text="{{title}}" textWrap="true" col="1" class="action-title text-center" /> 
     </GridLayout>

diff --git a/app/theme-core-scss/_list-view.scss b/app/theme-core-scss/_list-view.scss
@@ -1,25 +1,25 @@
-.list-group{
+.list-group {
   .list-group-item {
     color: $primary;
     padding: 20;
     font-size: 16;
 
-    .thumb{
+    .thumb {
       stretch: fill;
       width: 40;
       height: 40;
       margin-right: 10;
     }
 
-    &.active{
+    &.active {
       background-color: $grey;
     }
 
-    .list-group-item-heading{
+    .list-group-item-heading {
 
     }
 
-    .list-group-item-text{
+    .list-group-item-text {
       color: $secondary;
       font-size: 14;
     }

diff --git a/app/theme-core-scss/themes/core/_dark.scss b/app/theme-core-scss/themes/core/_dark.scss
@@ -7,4 +7,5 @@
 
 // Custom Theme Overrides
 @import 'action-bar.dark';
-@import 'forms.dark';
+@import 'forms.dark';
+@import 'list-view.dark';
diff --git a/app/theme-core-scss/themes/core/_list-view.dark.scss b/app/theme-core-scss/themes/core/_list-view.dark.scss
@@ -0,0 +1,6 @@
+.list-group {
+
+  .list-group-item {
+    background-color: $background;
+  }
+}