Updated on screen keyboard styling in Gnome Shell theme

ZorinOS · Jul 20, 2021 · b7071ac · b7071ac
1 parent 1ad3493
commit b7071ac
Show file tree

Hide file tree

Showing 44 changed files with 162 additions and 157 deletions.
diff --git a/ZorinBlue-Dark/gnome-shell/gnome-shell-theme.gresource b/ZorinBlue-Dark/gnome-shell/gnome-shell-theme.gresource
diff --git a/ZorinBlue-Dark/gnome-shell/gnome-shell.css b/ZorinBlue-Dark/gnome-shell/gnome-shell.css
@@ -914,7 +914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .key-container { padding: 4px; spacing: 4px; }
 
-.keyboard-key { color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 18pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(189, 230, 251, 0.15); border-radius: 16px; }
+.keyboard-key { color: #bde6fb; background-color: rgba(189, 230, 251, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 16pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(189, 230, 251, 0.15); border-radius: 16px; }
 
 .keyboard-key:focus { border-color: #bde6fb; }
 

diff --git a/ZorinBlue-Dark/gtk-3.0/gtk.css b/ZorinBlue-Dark/gtk-3.0/gtk.css
@@ -1169,11 +1169,11 @@ scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #2a3439; }
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3d4c53; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #283033; }
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #384347; }
 
 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
 
@@ -1183,11 +1183,11 @@ scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #2a3439; }
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3d4c53; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #283033; }
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #384347; }
 
 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
 
@@ -1197,11 +1197,11 @@ scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
 
 scale.vertical.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
 
-scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #2a3439; }
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3d4c53; }
 
 scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
 
-scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #283033; }
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #384347; }
 
 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
 
@@ -1211,11 +1211,11 @@ scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
 
 scale.vertical.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
 
-scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #2a3439; }
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3d4c53; }
 
 scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
 
-scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #283033; }
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #384347; }
 
 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
 

diff --git a/ZorinBlue-Light/gnome-shell/gnome-shell-theme.gresource b/ZorinBlue-Light/gnome-shell/gnome-shell-theme.gresource
diff --git a/ZorinBlue-Light/gnome-shell/gnome-shell.css b/ZorinBlue-Light/gnome-shell/gnome-shell.css
@@ -914,7 +914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .key-container { padding: 4px; spacing: 4px; }
 
-.keyboard-key { color: #123354; background-color: rgba(18, 51, 84, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 18pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(18, 51, 84, 0.15); border-radius: 16px; }
+.keyboard-key { color: #123354; background-color: rgba(18, 51, 84, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 16pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(18, 51, 84, 0.15); border-radius: 16px; }
 
 .keyboard-key:focus { border-color: #15a6f0; }
 

diff --git a/ZorinBlue-Light/gtk-3.0/gtk-dark.css b/ZorinBlue-Light/gtk-3.0/gtk-dark.css
@@ -1169,11 +1169,11 @@ scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #2a3439; }
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3d4c53; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #283033; }
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #384347; }
 
 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
 
@@ -1183,11 +1183,11 @@ scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #2a3439; }
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3d4c53; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #283033; }
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #384347; }
 
 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
 
@@ -1197,11 +1197,11 @@ scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d5effc; }
 
 scale.vertical.marks-before:not(.marks-after) slider:active { color: #bde6fb; }
 
-scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #2a3439; }
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3d4c53; }
 
 scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7f96a1; }
 
-scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #283033; }
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #384347; }
 
 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
 
@@ -1211,11 +1211,11 @@ scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d5effc; }
 
 scale.vertical.marks-after:not(.marks-before) slider:active { color: #bde6fb; }
 
-scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #2a3439; }
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3d4c53; }
 
 scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7f96a1; }
 
-scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #283033; }
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #384347; }
 
 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
 

diff --git a/ZorinBlue-Light/gtk-3.0/gtk.css b/ZorinBlue-Light/gtk-3.0/gtk.css
@@ -1171,11 +1171,11 @@ scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #3bccfd; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:active { color: #15a6f0; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #e4e8ee; }
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #c8d0d9; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #9a9a9a; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #ececec; }
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d8d8d8; }
 
 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
 
@@ -1185,11 +1185,11 @@ scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #3bccfd; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:active { color: #15a6f0; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #e4e8ee; }
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #c8d0d9; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #9a9a9a; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #ececec; }
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d8d8d8; }
 
 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
 
@@ -1199,11 +1199,11 @@ scale.vertical.marks-before:not(.marks-after) slider:hover { color: #3bccfd; }
 
 scale.vertical.marks-before:not(.marks-after) slider:active { color: #15a6f0; }
 
-scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #e4e8ee; }
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #c8d0d9; }
 
 scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #9a9a9a; }
 
-scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #ececec; }
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #d8d8d8; }
 
 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
 
@@ -1213,11 +1213,11 @@ scale.vertical.marks-after:not(.marks-before) slider:hover { color: #3bccfd; }
 
 scale.vertical.marks-after:not(.marks-before) slider:active { color: #15a6f0; }
 
-scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #e4e8ee; }
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #c8d0d9; }
 
 scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #9a9a9a; }
 
-scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #ececec; }
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #d8d8d8; }
 
 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
 

diff --git a/ZorinGreen-Dark/gnome-shell/gnome-shell-theme.gresource b/ZorinGreen-Dark/gnome-shell/gnome-shell-theme.gresource
diff --git a/ZorinGreen-Dark/gnome-shell/gnome-shell.css b/ZorinGreen-Dark/gnome-shell/gnome-shell.css
@@ -914,7 +914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .key-container { padding: 4px; spacing: 4px; }
 
-.keyboard-key { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 18pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(187, 241, 221, 0.15); border-radius: 16px; }
+.keyboard-key { color: #bbf1dd; background-color: rgba(187, 241, 221, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 16pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(187, 241, 221, 0.15); border-radius: 16px; }
 
 .keyboard-key:focus { border-color: #bbf1dd; }
 

diff --git a/ZorinGreen-Dark/gtk-3.0/gtk.css b/ZorinGreen-Dark/gtk-3.0/gtk.css
@@ -1169,11 +1169,11 @@ scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #27332f; }
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3b4d46; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #252e2b; }
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #36423d; }
 
 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
 
@@ -1183,11 +1183,11 @@ scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #27332f; }
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3b4d46; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #252e2b; }
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #36423d; }
 
 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
 
@@ -1197,11 +1197,11 @@ scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
 
 scale.vertical.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
 
-scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #27332f; }
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3b4d46; }
 
 scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
 
-scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #252e2b; }
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #36423d; }
 
 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
 
@@ -1211,11 +1211,11 @@ scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
 
 scale.vertical.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
 
-scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #27332f; }
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3b4d46; }
 
 scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
 
-scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #252e2b; }
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #36423d; }
 
 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }
 

diff --git a/ZorinGreen-Light/gnome-shell/gnome-shell-theme.gresource b/ZorinGreen-Light/gnome-shell/gnome-shell-theme.gresource
diff --git a/ZorinGreen-Light/gnome-shell/gnome-shell.css b/ZorinGreen-Light/gnome-shell/gnome-shell.css
@@ -914,7 +914,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { backg
 
 .key-container { padding: 4px; spacing: 4px; }
 
-.keyboard-key { color: #19483e; background-color: rgba(25, 72, 62, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 18pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(25, 72, 62, 0.15); border-radius: 16px; }
+.keyboard-key { color: #19483e; background-color: rgba(25, 72, 62, 0.075); background-image: none; box-shadow: none; text-shadow: none; icon-shadow: none; background-color: transparent; font-size: 16pt; min-height: 1.2em; min-width: 1.2em; border: 2px; border-style: solid; border-color: rgba(25, 72, 62, 0.15); border-radius: 16px; }
 
 .keyboard-key:focus { border-color: #2ac88d; }
 

diff --git a/ZorinGreen-Light/gtk-3.0/gtk-dark.css b/ZorinGreen-Light/gtk-3.0/gtk-dark.css
@@ -1169,11 +1169,11 @@ scale.horizontal.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #27332f; }
+scale.horizontal.marks-before:not(.marks-after) slider:disabled { color: #3b4d46; }
 
 scale.horizontal.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
 
-scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #252e2b; }
+scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { color: #36423d; }
 
 scale.horizontal.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-top: -11px; }
 
@@ -1183,11 +1183,11 @@ scale.horizontal.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #27332f; }
+scale.horizontal.marks-after:not(.marks-before) slider:disabled { color: #3b4d46; }
 
 scale.horizontal.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
 
-scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #252e2b; }
+scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { color: #36423d; }
 
 scale.horizontal.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-bottom: -11px; }
 
@@ -1197,11 +1197,11 @@ scale.vertical.marks-before:not(.marks-after) slider:hover { color: #d0f5e7; }
 
 scale.vertical.marks-before:not(.marks-after) slider:active { color: #bbf1dd; }
 
-scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #27332f; }
+scale.vertical.marks-before:not(.marks-after) slider:disabled { color: #3b4d46; }
 
 scale.vertical.marks-before:not(.marks-after) slider:backdrop { color: #7d998f; }
 
-scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #252e2b; }
+scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { color: #36423d; }
 
 scale.vertical.marks-before:not(.marks-after).fine-tune slider { margin: -7px; margin-left: -11px; }
 
@@ -1211,11 +1211,11 @@ scale.vertical.marks-after:not(.marks-before) slider:hover { color: #d0f5e7; }
 
 scale.vertical.marks-after:not(.marks-before) slider:active { color: #bbf1dd; }
 
-scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #27332f; }
+scale.vertical.marks-after:not(.marks-before) slider:disabled { color: #3b4d46; }
 
 scale.vertical.marks-after:not(.marks-before) slider:backdrop { color: #7d998f; }
 
-scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #252e2b; }
+scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { color: #36423d; }
 
 scale.vertical.marks-after:not(.marks-before).fine-tune slider { margin: -7px; margin-right: -11px; }