Skip to content

Commit 1fb97d3

Browse files
Himanshu SatijaHimanshu Satija
authored andcommitted
merged
2 parents d93d4ed + fbababa commit 1fb97d3

30 files changed

Lines changed: 1221 additions & 480 deletions

.DS_Store

-2 KB
Binary file not shown.

Components/.DS_Store

0 Bytes
Binary file not shown.
Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
'use strict';
33

44
import React, {Component, View} from 'react-native';
5-
import lightTheme from '../Themes/light';
5+
import darkTheme from '../Themes/dark';
66

77

8-
export default class NativeStarterComponent extends Component {
8+
export default class NativeBaseComponent extends Component {
99
static contextTypes = {
1010
theme: React.PropTypes.object
1111
}
1212

1313
getTheme() {
14-
return this.context.theme || lightTheme
14+
return this.context.theme || darkTheme
1515
}
1616
}

Components/Themes/dark.js

Lines changed: 87 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,93 @@
11
var Color = require("color")
22

3-
var primary = Color("#384850");
4-
var secondary = Color("#F82C56");
5-
var success = Color("#428F26");
6-
var danger = Color("#B74D4A");
7-
var warning = Color("#CBAC3E");
8-
var sidebar = Color("#252932");
9-
var dark = Color("rgba(0,0,0,0.9)");
10-
var light = Color("rgba(255,255,255,0.9)");
3+
var multiply = require('multiplier');
114

12-
var darken = primary.darken(0.2).hexString().toString();
5+
var fontSizeBase = 15;
6+
var borderRadiusBase = 4;
137

148
module.exports = {
15-
brandPrimary : primary.hexString().toString(),
16-
brandSecondary: secondary.hexString().toString(),
17-
brandSuccess: success.hexString().toString(),
18-
brandDanger: danger.hexString().toString(),
19-
brandWarning: warning.hexString().toString(),
20-
brandSidebar: sidebar.hexString().toString(),
21-
darker: darken,
22-
inverseTextColor: dark.hexString().toString(),
23-
textColor: light.hexString().toString()
9+
brandPrimary : "#428bca",
10+
brandInfo: "#5bc0de",
11+
brandSuccess: "#5cb85c",
12+
brandDanger: "#d9534f",
13+
brandWarning: "#f0ad4e",
14+
brandSidebar: "#252932",
15+
16+
inverseTextColor: "#000",
17+
textColor: "#fff",
18+
19+
fontSizeBase: 15,
20+
21+
get fontSizeH1 () {
22+
return multiply(fontSizeBase, 1.8);
23+
},
24+
get fontSizeH2 () {
25+
return multiply(fontSizeBase, 1.6);
26+
},
27+
get fontSizeH3 () {
28+
return multiply(fontSizeBase, 1.4);
29+
},
30+
get btnTextSize () {
31+
return multiply(fontSizeBase, 1.2);
32+
},
33+
34+
borderRadiusBase: 4,
35+
36+
get borderRadiusLarge () {
37+
return multiply(fontSizeBase, 5.8);
38+
},
39+
40+
toolbarHeight: 65,
41+
toolbarDefaultBg: "#f8f8f8",
42+
toolbarInverseBg: "#222",
43+
44+
get btnPrimaryBg () {
45+
return brandPrimary;
46+
},
47+
get btnPrimaryColor () {
48+
return textColor;
49+
},
50+
get btnSuccessBg () {
51+
return brandSuccess;
52+
},
53+
get btnSuccessColor () {
54+
return textColor;
55+
},
56+
get btnDangerBg () {
57+
return brandDanger;
58+
},
59+
get btnDangerColor () {
60+
return textColor;
61+
},
62+
get btnInfoBg () {
63+
return brandInfo;
64+
},
65+
get btnInfoColor () {
66+
return textColor;
67+
},
68+
get btnWarningBg () {
69+
return brandWarning;
70+
},
71+
get btnWarningColor () {
72+
return textColor;
73+
},
74+
75+
76+
inputColor: "gray",
77+
inputBorderColor: "fff",
78+
inputHeightBase: 40,
79+
inputGroupMarginBottom: 10,
80+
inputColorPlaceholder: "#999",
81+
inputPaddingLeft: 5,
82+
get inputPaddingLeftIcon () {
83+
return multiply(inputPaddingLeft, 8);;
84+
},
85+
86+
dropdownBg: "#fff",
87+
dropdownLinkColor: "#414142",
88+
89+
jumbotronPadding: 30,
90+
jumbotronBg: "#C9C9CE"
91+
92+
2493
}

0 commit comments

Comments
 (0)