feat: Add new theme

fredserva · Dec 8, 2020 · 8c2fd6e · 8c2fd6e
1 parent 471b9eb
commit 8c2fd6e
Show file tree

Hide file tree

Showing 4 changed files with 1,088 additions and 1 deletion.
diff --git a/public/images/themes/woodsmoke.png b/public/images/themes/woodsmoke.png
diff --git a/src/components/settings-modal/index.js b/src/components/settings-modal/index.js
@@ -115,6 +115,7 @@ class SettingsModalNotExtended extends React.Component {
 	changeTheme = appTheme => {
 		document.body.classList.remove( 'athens-theme' );
 		document.body.classList.remove( 'teal-theme' );
+		document.body.classList.remove( 'woodsmoke-theme' );
 		document.body.classList.add( `${ appTheme }-theme` );
 		StorageHelpers.preference.set( 'appTheme', appTheme );
 
@@ -255,6 +256,11 @@ class SettingsModalNotExtended extends React.Component {
 										<img src={'./images/themes/teal.png'} alt='Teal' width={240}/>
 									</div>
 								</li>
+								<li onClick={() => this.changeTheme( 'woodsmoke' )} className={ 'woodsmoke' === appTheme ? 'active' : ''}>
+									<div className='image-container'>
+										<img src={'./images/themes/woodsmoke.png'} alt='Woodsmoke' width={240}/>
+									</div>
+								</li>
 							</ul>
 						</div>
 					</div>

diff --git a/src/themes/theme.scss b/src/themes/theme.scss
@@ -1,2 +1,3 @@
 @import './teal';
-@import './athens';
+@import './athens';
+@import './woodsmoke';