updated styling

jacobmichels · Apr 19, 2020 · 49719be · 49719be
1 parent 8f52ea9
commit 49719be
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/electron/src/index.css b/electron/src/index.css
@@ -40,7 +40,7 @@ html,body {
   /* margin: 0; */
   height: 100%;
   /* padding: 0; */
-  background: linear-gradient(to bottom,#ff9e9e ,#d86666);
+  background: linear-gradient(to bottom,#f4929d ,#cd5c6a);
   /* background-repeat: no-repeat; */
 }
 
@@ -50,6 +50,10 @@ html,body {
   background-color: #212121;
 }
 
+.bg-color{
+  background-color: #333333 !important;
+}
+
 #valign{
   margin: 0;
   height: 100%;
@@ -69,7 +73,7 @@ html,body {
   color: #f44336 !important;
 } */
 .input-field input[type=text]:focus + label {
-  color: #d86666 !important;
+  color: #cd5c6a !important;
 }
 .input-field input[type=text]:label {
   color: white !important;
@@ -81,8 +85,8 @@ html,body {
 
 /* label underline focus color */
 .input-field input[type=text]:focus {
-  border-bottom: 1px solid #d86666 !important;
-  box-shadow: 0 1px 0 0 #d86666 !important;
+  border-bottom: 1px solid #cd5c6a !important;
+  box-shadow: 0 1px 0 0 #cd5c6a !important;
 }
 
 /* .input-field input[type=text].valid {

diff --git a/electron/src/index.html b/electron/src/index.html
@@ -36,7 +36,7 @@
             <!-- <div id="button"><a class="waves-effect waves-light light-blue btn">Hook</a></div> -->
             <div class="center-align">
               <!-- style="background: linear-gradient(to bottom,#424242 ,#212121);" -->
-              <div class="card z-depth-4 grey darken-4" >
+              <div class="bg-color card z-depth-4" >
                 <div class="card-content white-text">
                   <span id="title" class="card-title">Queue Listener</span>
                   <p id="message">After the game instance is found, feel free to minimize this window. You will be notified when your game is ready.</p>

diff --git a/electron/src/render.js b/electron/src/render.js
@@ -12,7 +12,7 @@ var interval;
 const customTitlebar = require('custom-electron-titlebar');
 
 new customTitlebar.Titlebar({
-    backgroundColor: customTitlebar.Color.fromHex('#212121'),
+    backgroundColor: customTitlebar.Color.fromHex('#333333'),
     menu: null,
     icon: "../resources/icons/lol-icon.png"
 });