From 644ed3e678b2a10a98d0391a7240ee4cfa8160d9 Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Thu, 11 Jun 2020 10:33:21 +0800
Subject: [PATCH] css changes

---
 css/base.css                   |  9 ++++++---
 css/greeter-date-message.css   |  3 ++-
 css/search-engine-settings.css | 15 +++++++++++++--
 css/theme-engine.css           | 31 ++++++++++++++++++++++---------
 css/weather-settings.css       | 13 ++++++++++---
 5 files changed, 53 insertions(+), 18 deletions(-)

diff --git a/css/base.css b/css/base.css
index c70fb5c..70d9597 100644
--- a/css/base.css
+++ b/css/base.css
@@ -1,7 +1,9 @@
 :root {
 	/* Colors */
+	--base-body-bg: #1a1a1aff;
+
 	--base-bg: #00000060;
-	--base-color: #f2f2f2;
+	--base-color: #fefefeff;
 	--base-container: #f2f2f220;
 
 	--base-hover-bg: #f2f2f230;
@@ -41,7 +43,7 @@ body {
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
-	background: #1a1a1a;
+	background: var(--base-body-bg);
 	color: var(--foreground);
 }
 
@@ -53,7 +55,7 @@ html, body {
 /*Placeholder*/
 ::placeholder {
 	color: var(--base-color);
-	opacity: 0.75;
+	opacity: 0.65;
 }
 
 /*Scrollbar*/
@@ -84,6 +86,7 @@ select:focus{
     outline: none;
 }
 
+/*Select*/
 select {
 	text-align: center;
 	text-align-last: center;
diff --git a/css/greeter-date-message.css b/css/greeter-date-message.css
index 964f2dc..7fcde2b 100644
--- a/css/greeter-date-message.css
+++ b/css/greeter-date-message.css
@@ -7,9 +7,10 @@
 }
 
 #dateMessage {
-	color: #f2f2f2;
+	color: var(--base-color);
 	font-size: 12pt;
 	font-family:  roboto, sans-serif;
 	font-weight: 400;
 	margin: 5px;
+	word-wrap: break-word;
 }
\ No newline at end of file
diff --git a/css/search-engine-settings.css b/css/search-engine-settings.css
index a6c880f..e626dff 100644
--- a/css/search-engine-settings.css
+++ b/css/search-engine-settings.css
@@ -33,9 +33,10 @@
 }
 
 #searchEngineHeaderLabel {
-	text-align: left;
+	font-family: roboto-bold, sans-serif;
 	font-weight: bold;
 	font-size: 14pt;
+	text-align: left;
 	margin-top: auto;
 	margin-bottom: auto;
 }
@@ -50,11 +51,16 @@
 	box-sizing: border-box;
 	margin-top: 5px;
 	border: none;
+
 	text-align: center;
 	border-radius: 6px;
 	color: var(--base-color);
 	background: var(--base-container);
-
+	
+	font-family: roboto, sans-serif;
+	font-size: 12pt;
+	font-weight: 400;
+	
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
@@ -89,6 +95,11 @@ select::-ms-expand {
 	background: var(--base-container);
 	color: var(--base-color);
 	text-align: center;
+
+	font-family: roboto, sans-serif;
+	font-size: 12pt;
+	font-weight: 400;
+
 	width: 100%;
 	height: 32px;
 	margin-top: 5px;
diff --git a/css/theme-engine.css b/css/theme-engine.css
index afa6fdc..9f8f00b 100644
--- a/css/theme-engine.css
+++ b/css/theme-engine.css
@@ -33,9 +33,10 @@
 }
 
 #themeEngineHeaderLabel {
-	text-align: left;
+	font-family: roboto-bold, sans-serif;
 	font-weight: bold;
 	font-size: 14pt;
+	text-align: left;
 	margin-top: auto;
 	margin-bottom: auto;
 }
@@ -78,6 +79,10 @@ select::-ms-expand {
 	background: var(--base-container);
 	color: var(--base-color);
 	text-align: center;
+	font-family: roboto, sans-serif;
+	font-size: 12pt;
+	font-weight: 400;
+
 	width: 100%;
 	height: 32px;
 	margin-top: 5px;
@@ -111,6 +116,13 @@ select::-ms-expand {
 	margin-top: 5px;
 }
 
+.themeEngineLabels {
+	font-family: roboto, sans-serif;
+	color: var(--base-color);
+	font-size: 11pt;
+	font-weight: 400;
+}
+
 .backgroundColorSetter,
 .foregroundColorSetter,
 .blurSetter,
@@ -125,14 +137,21 @@ select::-ms-expand {
 }
 
 #backgroundSet,
-#foregroundSet {
+#foregroundSet,
+#backgroundOpacitySet,
+#foregroundOpacitySet {
 	margin-right: 2.5px;
 	height: 32px;
 	width: 100%;
 	box-sizing: border-box;
+
 	border: none;
 	text-align: center;
 	border-radius: 6px;
+	
+	font-family: roboto, sans-serif;
+	font-size: 12pt;
+	font-weight: 400;
 	color: var(--base-color);
 	background: var(--panel-bg);
 }
@@ -140,14 +159,8 @@ select::-ms-expand {
 #backgroundOpacitySet,
 #foregroundOpacitySet {
 	margin-left: 2.5px;
-	height: 32px;
+	margin-right: 0;
 	width: 25%;
-	box-sizing: border-box;
-	border: none;
-	text-align: center;
-	border-radius: 6px;
-	color: var(--base-color);
-	background: var(--panel-bg);
 }
 
 #blurSet,
diff --git a/css/weather-settings.css b/css/weather-settings.css
index 2e880f7..f5dd179 100644
--- a/css/weather-settings.css
+++ b/css/weather-settings.css
@@ -33,9 +33,10 @@
 }
 
 #weatherSettingsHeaderLabel {
-	text-align: left;
+	font-family: roboto-bold, sans-serif;
 	font-weight: bold;
 	font-size: 14pt;
+	text-align: left;
 	margin-top: auto;
 	margin-bottom: auto;
 }
@@ -48,7 +49,9 @@
 }
 
 .weatherSettingsLabels {
-	font-size: 12pt;
+	font-family: roboto, sans-serif;
+	font-size: 11pt;
+	font-weight: 400;
 	text-align: left;
 }
 
@@ -60,8 +63,12 @@
 	border: none;
 	text-align: center;
 	border-radius: 6px;
-	color: var(--base-color);
+
 	background: var(--panel-bg);
+	font-family: roboto, sans-serif;
+	font-size: 12pt;
+	font-weight: 400;
+	color: var(--base-color);
 
 	/*Center vertically*/
 	display: flex;