Skip to content

Commit

Permalink
feat(styles): Add some scss color themes
Browse files Browse the repository at this point in the history
  • Loading branch information
chloe463 committed May 7, 2017
1 parent 6914ccd commit cfc2436
Show file tree
Hide file tree
Showing 4 changed files with 106 additions and 0 deletions.
25 changes: 25 additions & 0 deletions src/styles/themes/_blueprint.scss
@@ -0,0 +1,25 @@
$base03: #000000; // Black (dark)
$base02: #111111; // Black (light)
$base01: #222222; // Dark Gray 1
$base00: #333333; // Dark Gray 2
$base0: #CCCCCC; // Light Gray 1
$base1: #EEEEEE; // Light Gray 2
$base2: #EEE8D5; // Off White
$base3: #FFFFFF; // White

$yellow: 'yellow';
$orange: 'orange';
$red: 'red';
$magenta: 'magenta';
$violet: 'violet';
$blue: 'blue';
$cyan: 'cyan';
$green: 'green';

$white: 'white';
$black: 'black';
$gray: 'gray';
$light-gray: 'light-gray';

$error: 'error-color';

24 changes: 24 additions & 0 deletions src/styles/themes/_default.scss
@@ -0,0 +1,24 @@
$base03: #002B36;
$base02: #073642;
$base01: #586E75;
$base00: #657B83;
$base0: #839496;
$base1: #93A1A1;
$base2: #EEE8D5;
$base3: #FDF6E3;
$yellow: #FF8F00;
$orange: #CB4B16;
$red: #F44336;
$magenta: #D33682;
$violet: #6C71C4;
$blue: #3F51B5;
$cyan: #2AA198;
$green: #8BC34A;
$indigo: #7986CB;
$white: #FFFFFF;
$black: #000000;
$gray: #A1A1A1;
$light-gray: #CCCCCC;

$error: #FF5722;

32 changes: 32 additions & 0 deletions src/styles/themes/_japanesque.scss
@@ -0,0 +1,32 @@
$base03: #1C1C1C; // Black (dark)
$base02: #434343; // Black (light)
$base01: #656765; // Dark Gray 1
$base00: #787D7B; // Dark Gray 2
$base0: #787878; // Light Gray 1
$base1: #91989F; // Light Gray 2
$base2: #FCFAF2; // Off White
$base3: #FFFFFB; // White

$yellow: #F1B224;
$orange: #F75C2F;
$red: #D04B63;
$magenta: #D0104C;
$violet: #352838;
$blue: #4E4F97;
$cyan: #B4A582;
$green: #78BB5C;

$white: #FFFFFF;
$black: #000000;
$gray: #828282;
$light-gray: #BDC0BA;

$error: #F75C2F;

// EXTRA COLORS
$base: #352838;
$dark-gray: #787878;
$pink: #F989A1;
$dark-green: #615F28;
$purple: #352838;

25 changes: 25 additions & 0 deletions src/styles/themes/_solarized.scss
@@ -0,0 +1,25 @@
$base03: #002B36;
$base02: #073642;
$base01: #586E75;
$base00: #657B83;
$base0: #839496;
$base1: #93A1A1;
$base2: #EEE8D5;
$base3: #FDF6E3;

$yellow: #B58900;
$orange: #CB4B16;
$red: #DC322F;
$magenta: #D33682;
$violet: #6C71C4;
$blue: #268BD2;
$cyan: #2AA198;
$green: #859900;

$white: #FFFFFF;
$black: #000000;
$gray: #A1A1A1;
$light-gray: #CCCCCC;

$error: #FF5722;

0 comments on commit cfc2436

Please sign in to comment.