diff --git a/app/scripts/themes.json b/app/scripts/themes.json index 4382e3f..e82c742 100644 --- a/app/scripts/themes.json +++ b/app/scripts/themes.json @@ -126,5 +126,9 @@ { "name": "The One", "colors": ["#282c34", "#2c323c", "#373f4b", "#3e4451", "#5c636c", "#7d8793", "#abb2ba", "#c3cbd4", "#DF6B75", "#D19965", "#e2c08d", "#97C279", "#56B5C2", "#61AFEF", "#C578DD", "#d19365"] + }, + { + "name": "Hopscotch", + "colors": ["#322931", "#433B42", "#5C545B", "#797379", "#989498", "#B9B5B8", "#D5D3D5", "#FFFFFF", "#DD464C", "#FD8B19", "#FDCC59", "#8FC13E", "#149B93", "#1290BF", "#C85E7C", "#B33508"] } -] +] \ No newline at end of file diff --git a/app/styles/themes/hopscotch.scss b/app/styles/themes/hopscotch.scss new file mode 100644 index 0000000..a021fb5 --- /dev/null +++ b/app/styles/themes/hopscotch.scss @@ -0,0 +1,42 @@ +/* ============================================== + Theme Name + ============================================== */ + +$dark-theme: true; // Set true if theme has a dark background + +// Import Styles +@import "base/theme-config"; + +// Palette +$base00: #322931; // ---- +$base01: #433B42; // --- +$base02: #5C545B; // -- +$base03: #797379; // - +$base04: #989498; // + +$base05: #B9B5B8; // ++ +$base06: #D5D3D5; // +++ +$base07: #FFFFFF; // ++++ +$base08: #DD464C; // red +$base09: #FD8B19; // orange +$base0A: #FDCC59; // yellow +$base0B: #8FC13E; // green +$base0C: #149B93; // aqua +$base0D: #1290BF; // blue +$base0E: #C85E7C; // purple +$base0F: #B33508; // brown + +// Styles +@include styles( +$base00, // Background +$base01, // Background - Highlight +$base04, // Comments / Secondary Content +$base06, // Body text / default code / primary content +$base07, // Optional emphasized content +$base0A, // CSS Properties +$base09, // CSS3 pseudo-selectors / elements +$base08, // CSS Keywords (!important, etc.) +$base0E, // HTML Tags / CSS ID/Class Selectors / JS Keywords +$base0B, // HTML/CSS/JS Strings +$base0C, // CSS Tag Selectors / JS Operators (in Canary) +$base0E // Accent / Highlight +); \ No newline at end of file