minor button color changes

porkloin · Aug 24, 2017 · 307c21d · 307c21d
1 parent 52352e3
commit 307c21d
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 24 deletions.
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "terminus-theme-hype",
+  "name": "terminus-theme-gruvbox",
   "version": "0.0.7",
   "description": "Hyper inspired theme for Terminus",
   "keywords": ["terminus-plugin"],
@@ -36,5 +36,5 @@
     "typescript": "~2.1.0",
     "webpack": "2.3.3"
   },
-  "repository": "eugeny/terminus-theme-hype"
+  "repository": "porkloin/terminus-theme-gruvbox"
 }
diff --git a/src/index.ts b/src/index.ts
@@ -2,15 +2,15 @@ import { NgModule, Injectable } from '@angular/core'
 import { Theme } from 'terminus-core'
 
 @Injectable()
-class HypeTheme extends Theme {
-    name = 'Hype'
+class GruvboxTheme extends Theme {
+    name = 'Gruvbox'
     css = require('./theme.scss')
-    terminalBackground = '#010101'
+    terminalBackground = '#282828'
 }
 
 @NgModule({
     providers: [
-        { provide: Theme, useClass: HypeTheme, multi: true },
+        { provide: Theme, useClass: GruvboxTheme, multi: true },
     ],
 })
-export default class HypeThemeModule { }
+export default class GruvboxThemeModule { }
diff --git a/src/theme.scss b/src/theme.scss
@@ -1,33 +1,33 @@
 $window-border: #313131;
-$body-bg: #010101;
-$body-bg2: #010101;
-$body-bg3: #111;
+$body-bg: #282828;
+$body-bg2: #161819;
+$body-bg3: #282828;
 
 
 $tab-border-radius: 3px;
 $button-hover-bg: rgba(255, 255, 255, .05);
 $button-active-bg: rgba(255, 255, 255, .1);
 
 
-$white:  #fff !default;
-$black:  #000 !default;
-$red:    #d9534f !default;
-$orange: #f0ad4e !default;
-$yellow: #ffd500 !default;
-$green:  #5cb85c !default;
-$blue:   #0275d8 !default;
-$teal:   #5bc0de !default;
-$pink:   #ff5b77 !default;
-$purple: #613d7c !default;
+$white:  #e6d4a3 !default;
+$black:  #282828 !default;
+$red:    #f73028 !default;
+$orange: #cc881a !default;
+$yellow: #f7b125 !default;
+$green:  #7db669 !default;
+$blue:   #719586 !default;
+$teal:   #578e57 !default;
+$pink:   #c77089 !default;
+$purple: #a04b73 !default;
 
 
 $body-color: #aaa;
 $font-family-sans-serif: "Source Sans Pro";
 $font-size-base: 14rem / 16;
 
-$btn-secondary-color:            #ccc;
-$btn-secondary-bg:               #222;
-$btn-secondary-border:           #444;
+$btn-secondary-color:            $white;
+$btn-secondary-bg:               $black;
+$btn-secondary-border:           $blue;
 
 //$btn-warning-bg:                 rgba($orange, .5);
 
@@ -183,7 +183,7 @@ settings-tab > ngb-tabset {
     border-right: 1px solid $body-bg2;
 
     & > .nav {
-        background: $body-bg3;
+        background: $body-bg2;
 
         & > .nav-item > .nav-link {
             border-left: none;