holm/the-glorious-startpage
1
0
Fork 0
forked from extern/the-glorious-startpage
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css changes

Browse Source
This commit is contained in:
Gerome Matilla 2020-06-11 10:33:21 +08:00
parent 33ae0f6412
commit 644ed3e678
5 changed files with 53 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/base.css
View File

@ -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;

3
css/greeter-date-message.css
View File

@ -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;
}

15
css/search-engine-settings.css
View File

@ -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;

31
css/theme-engine.css
View File

@ -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,

13
css/weather-settings.css
View File

@ -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;