Cyberpunk NeonHEADmaster

75 files changed, 4787 insertions, 0 deletions

diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-arrow-left.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..1478a88
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#0abdc6" fill-opacity=".6">
+  <path d="M10 3v10L5 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-arrow-right.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..00db90c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#0abdc6" fill-opacity=".6">
+  <path d="M6 3v10l5-5z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-event.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-event.svg
new file mode 100644
index 0000000..c8bdfdb
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/calendar-event.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#711c91">
+  <circle cx="16" cy="26" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/checkbox-off.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..3a61912
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/checkbox-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0abdc6" fill-opacity=".6">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/checkbox.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..f4ff3f9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/checkbox.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#711c91">
+  <path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/close.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/close.svg
new file mode 100644
index 0000000..8cf2e03
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0abdc6" fill-opacity=".6">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash-placeholder.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..b86dcad
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash-placeholder.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0abdc6">
+  <circle cx="12" cy="12" r="12" opacity=".3"/>
+  <circle cx="12" cy="12" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running1-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running1-focused.svg
new file mode 100644
index 0000000..7fd07af
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running1-focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="36" cy="66" r="2"/>
+  <circle cx="36" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running1.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running1.svg
new file mode 100644
index 0000000..256cc83
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="36" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running2-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running2-focused.svg
new file mode 100644
index 0000000..e58a4cd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running2-focused.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="32" cy="66" r="2"/>
+  <circle cx="40" cy="66" r="2"/>
+  <circle cx="36" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running2.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running2.svg
new file mode 100644
index 0000000..4c7addf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="32" cy="66" r="2"/>
+  <circle cx="40" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running3-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running3-focused.svg
new file mode 100644
index 0000000..5b9357b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running3-focused.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="28" cy="66" r="2"/>
+  <circle cx="36" cy="66" r="2"/>
+  <circle cx="44" cy="66" r="2"/>
+  <circle cx="36" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running3.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running3.svg
new file mode 100644
index 0000000..510386d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running3.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="28" cy="66" r="2"/>
+  <circle cx="36" cy="66" r="2"/>
+  <circle cx="44" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running4-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running4-focused.svg
new file mode 100644
index 0000000..5a89e09
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running4-focused.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="24" cy="66" r="2"/>
+  <circle cx="32" cy="66" r="2"/>
+  <circle cx="40" cy="66" r="2"/>
+  <circle cx="48" cy="66" r="2"/>
+  <circle cx="36" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running4.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running4.svg
new file mode 100644
index 0000000..fece9e0
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/bottom-running4.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="24" cy="66" r="2"/>
+  <circle cx="32" cy="66" r="2"/>
+  <circle cx="40" cy="66" r="2"/>
+  <circle cx="48" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running1-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running1-focused.svg
new file mode 100644
index 0000000..c4e9ca5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running1-focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="36" r="2"/>
+  <circle cx="66" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running1.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running1.svg
new file mode 100644
index 0000000..0c381b1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running2-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running2-focused.svg
new file mode 100644
index 0000000..ee9296c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running2-focused.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="32" r="2"/>
+  <circle cx="6" cy="40" r="2"/>
+  <circle cx="66" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running2.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running2.svg
new file mode 100644
index 0000000..5100d43
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="32" r="2"/>
+  <circle cx="6" cy="40" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running3-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running3-focused.svg
new file mode 100644
index 0000000..8a796a8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running3-focused.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="28" r="2"/>
+  <circle cx="6" cy="36" r="2"/>
+  <circle cx="6" cy="44" r="2"/>
+  <circle cx="66" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running3.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running3.svg
new file mode 100644
index 0000000..9beee0d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running3.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="28" r="2"/>
+  <circle cx="6" cy="36" r="2"/>
+  <circle cx="6" cy="44" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running4-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running4-focused.svg
new file mode 100644
index 0000000..3251400
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running4-focused.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="24" r="2"/>
+  <circle cx="6" cy="32" r="2"/>
+  <circle cx="6" cy="40" r="2"/>
+  <circle cx="6" cy="48" r="2"/>
+  <circle cx="66" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running4.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running4.svg
new file mode 100644
index 0000000..7d80381
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/left-running4.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="6" cy="24" r="2"/>
+  <circle cx="6" cy="32" r="2"/>
+  <circle cx="6" cy="40" r="2"/>
+  <circle cx="6" cy="48" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running1-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running1-focused.svg
new file mode 100644
index 0000000..da777a2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running1-focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="36" r="2"/>
+  <circle cx="6" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running1.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running1.svg
new file mode 100644
index 0000000..eb72b46
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running2-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running2-focused.svg
new file mode 100644
index 0000000..7d2051e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running2-focused.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="32" r="2"/>
+  <circle cx="66" cy="40" r="2"/>
+  <circle cx="6" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running2.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running2.svg
new file mode 100644
index 0000000..8a83b28
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="32" r="2"/>
+  <circle cx="66" cy="40" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running3-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running3-focused.svg
new file mode 100644
index 0000000..0f0aa60
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running3-focused.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="28" r="2"/>
+  <circle cx="66" cy="36" r="2"/>
+  <circle cx="66" cy="44" r="2"/>
+  <circle cx="6" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running3.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running3.svg
new file mode 100644
index 0000000..45d957f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running3.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="28" r="2"/>
+  <circle cx="66" cy="36" r="2"/>
+  <circle cx="66" cy="44" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running4-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running4-focused.svg
new file mode 100644
index 0000000..6d5b2e2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running4-focused.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="24" r="2"/>
+  <circle cx="66" cy="32" r="2"/>
+  <circle cx="66" cy="40" r="2"/>
+  <circle cx="66" cy="48" r="2"/>
+  <circle cx="6" cy="36" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running4.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running4.svg
new file mode 100644
index 0000000..8b9489f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/right-running4.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="66" cy="24" r="2"/>
+  <circle cx="66" cy="32" r="2"/>
+  <circle cx="66" cy="40" r="2"/>
+  <circle cx="66" cy="48" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running1-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running1-focused.svg
new file mode 100644
index 0000000..21d7f30
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running1-focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="36" cy="6" r="2"/>
+  <circle cx="36" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running1.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running1.svg
new file mode 100644
index 0000000..a36ed1a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="36" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running2-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running2-focused.svg
new file mode 100644
index 0000000..b1836dc
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running2-focused.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="32" cy="6" r="2"/>
+  <circle cx="40" cy="6" r="2"/>
+  <circle cx="36" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running2.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running2.svg
new file mode 100644
index 0000000..0cbce70
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="32" cy="6" r="2"/>
+  <circle cx="40" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running3-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running3-focused.svg
new file mode 100644
index 0000000..4b5d7e5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running3-focused.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="28" cy="6" r="2"/>
+  <circle cx="36" cy="6" r="2"/>
+  <circle cx="44" cy="6" r="2"/>
+  <circle cx="36" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running3.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running3.svg
new file mode 100644
index 0000000..9a3764b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running3.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="28" cy="6" r="2"/>
+  <circle cx="36" cy="6" r="2"/>
+  <circle cx="44" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running4-focused.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running4-focused.svg
new file mode 100644
index 0000000..82803e3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running4-focused.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="24" cy="6" r="2"/>
+  <circle cx="32" cy="6" r="2"/>
+  <circle cx="40" cy="6" r="2"/>
+  <circle cx="48" cy="6" r="2"/>
+  <circle cx="36" cy="66" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running4.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running4.svg
new file mode 100644
index 0000000..11ac02d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/dash/top-running4.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" viewBox="0 0 72 72" fill="#0abdc6">
+  <circle cx="24" cy="6" r="2"/>
+  <circle cx="32" cy="6" r="2"/>
+  <circle cx="40" cy="6" r="2"/>
+  <circle cx="48" cy="6" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/key-enter.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-enter.svg
new file mode 100644
index 0000000..6b1dc1e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-enter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000">
+  <path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/key-hide.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-hide.svg
new file mode 100644
index 0000000..37e59d7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-hide.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0abdc6" fill-opacity=".87">
+  <path d="M20 3H4c-1.1 0-1.99.9-1.99 2L2 15c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9 3h2v2h-2V6zm0 3h2v2h-2V9zM8 6h2v2H8V6zm0 3h2v2H8V9zm-1 2H5V9h2v2zm0-3H5V6h2v2zm9 7H8v-2h8v2zm0-4h-2V9h2v2zm0-3h-2V6h2v2zm3 3h-2V9h2v2zm0-3h-2V6h2v2zm-7 15l4-4H8l4 4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/key-layout.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-layout.svg
new file mode 100644
index 0000000..e04be35
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-layout.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0abdc6" fill-opacity=".87">
+  <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift-latched-uppercase.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift-latched-uppercase.svg
new file mode 100644
index 0000000..9199c11
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift-latched-uppercase.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#711c91">
+  <path d="M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift-uppercase.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift-uppercase.svg
new file mode 100644
index 0000000..9978acf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift-uppercase.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#711c91">
+  <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift.svg
new file mode 100644
index 0000000..9fa2ec3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/key-shift.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#0abdc6" fill-opacity=".87">
+  <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/menu-item-toggle-off.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/menu-item-toggle-off.svg
new file mode 100644
index 0000000..117b550
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/menu-item-toggle-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="2 2 20 20" fill="#0abdc6" fill-opacity=".6">
+  <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/menu-item-toggle-on.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/menu-item-toggle-on.svg
new file mode 100644
index 0000000..a6eafca
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/menu-item-toggle-on.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="2 2 20 20" fill="#711c91">
+  <path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/no-events.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..eae24ca
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/no-events.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#0abdc6" fill-opacity=".38">
+  <path d="M34 24H24v10h10V24zM32 2v4H16V2h-4v4h-2c-2.21 0-3.98 1.79-3.98 4L6 38c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4h-2V2h-4zm6 36H10V16h28v22z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/no-notifications.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..9cdaf1e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/no-notifications.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#0abdc6" fill-opacity=".38">
+  <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/toggle-off.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..d2b46d7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/toggle-off.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="24" viewBox="0 0 40 24">
+  <defs>
+    <filter id="shadow-z1" color-interpolation-filters="sRGB">
+      <feFlood flood-color="#000" flood-opacity=".5" result="flood"/>
+      <feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
+      <feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/>
+      <feOffset dy="1" result="offset"/>
+      <feComposite in="SourceGraphic" in2="offset" result="composite2"/>
+    </filter>
+  </defs>
+  <rect x="2" y="5" width="36" height="14" ry="7" fill="#fff" fill-opacity=".26"/>
+  <circle cx="12" cy="12" r="10" fill="#a0a0a0" filter="url(#shadow-z1)"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/toggle-on.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..c1d4044
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/toggle-on.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="24" viewBox="0 0 40 24">
+  <defs>
+    <filter id="shadow-z1" color-interpolation-filters="sRGB">
+      <feFlood flood-color="#000" flood-opacity=".5" result="flood"/>
+      <feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/>
+      <feGaussianBlur in="composite1" result="blur" stdDeviation="1.5"/>
+      <feOffset dy="1" result="offset"/>
+      <feComposite in="SourceGraphic" in2="offset" result="composite2"/>
+    </filter>
+  </defs>
+  <rect x="2" y="5" width="36" height="14" ry="7" fill="#711c91" fill-opacity=".5"/>
+  <circle cx="28" cy="12" r="10" fill="#711c91" filter="url(#shadow-z1)"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/assets/window-close.svg b/themes/materia-cyberpunk-neon/gnome-shell/assets/window-close.svg
new file mode 100644
index 0000000..aa49e83
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/assets/window-close.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css b/themes/materia-cyberpunk-neon/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
new file mode 100644
index 0000000..2f3aa20
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
@@ -0,0 +1,519 @@
+#workspacestodockTriggerSpacer {

+    background-color: none;

+}

+

+#workspacestodockContainerWrapper {

+    background-color: none;

+}

+

+#workspacestodockContainer {

+    background-color: none;

+}

+

+#workspacestodockDockWrapper {

+}

+

+#workspacestodockDock {

+    padding: 0;

+}

+

+#workspacestodockDock .workspace-thumbnails {

+    background-color: #37474F;

+    background-color: rgba(0, 0, 0, 0.6);

+}

+

+#workspacestodockDock:overview .workspace-thumbnails {

+    background-color: rgba(255, 255, 255, 0.1);

+}

+

+#workspacestodockDock.fullheight:overview .workspace-thumbnails {

+    background-color: transparent;

+}

+

+#workspacestodockDock .workspace-thumbnail-indicator {

+    border-left-width: 0;

+}

+

+#workspacestodockDock.right .workspace-thumbnail-indicator {

+    border-left-width: 2px;

+}

+

+#workspacestodockDock.left .workspace-thumbnail-indicator {

+    border-right-width: 2px;

+}

+

+#workspacestodockDock.top .workspace-thumbnail-indicator {

+    border-bottom-width: 2px;

+}

+

+#workspacestodockDock.bottom .workspace-thumbnail-indicator {

+    border-top-width: 2px;

+}

+

+#workspacestodockDock.right .workspace-thumbnails {

+    border-radius: 4px 0 0 4px;

+}

+

+#workspacestodockDock.left .workspace-thumbnails {

+    border-radius: 0 4px 4px 0;

+}

+

+#workspacestodockDock.top .workspace-thumbnails {

+    border-radius: 0 0 4px 4px;

+}

+

+#workspacestodockDock.bottom .workspace-thumbnails {

+    border-radius: 4px 4px 0 0;

+}

+

+#workspacestodockDock.right.inside .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.left.inside .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.top.inside .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.bottom.inside .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.right.fullheight .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.left.fullheight .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.top.fullheight .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock.bottom.fullheight .workspace-thumbnails {

+    border-radius: 0;

+}

+

+#workspacestodockDock .workspacestodock-shortcuts-panel {

+    border: 0 solid rgba(255, 255, 255, 0.12);

+}

+

+#workspacestodockDock.right .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+    padding: 0;

+    spacing: 0;

+    border-left: 1px;

+    border-right: none;

+}

+

+#workspacestodockDock.left .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+    padding: 0;

+    spacing: 0;

+    border-left: none;

+    border-right: 1px;

+}

+

+#workspacestodockDock.top .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+    padding: 0;

+    spacing: 0;

+    border-top: none;

+    border-bottom: 1px;

+}

+

+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+    padding: 0;

+    spacing: 0;

+    border-top: 1px;

+    border-bottom: none;

+}

+

+#workspacestodockDock.right.inside .workspacestodock-shortcuts-panel {

+    border-radius: 4px 0 0 4px;

+    padding: 0;

+    spacing: 0;

+    border-left: none;

+    border-right: 1px;

+}

+

+#workspacestodockDock.left.inside .workspacestodock-shortcuts-panel {

+    border-radius: 0 4px 4px 0;

+    padding: 0;

+    spacing: 0;

+    border-left: 1px;

+    border-right: none;

+}

+

+#workspacestodockDock.top.inside .workspacestodock-shortcuts-panel {

+    border-radius: 0 0 4px 4px;

+    padding: 0;

+    spacing: 0;

+    border-top: 1px;

+    border-bottom: none;

+}

+

+#workspacestodockDock.bottom.inside .workspacestodock-shortcuts-panel {

+    border-radius: 4px 4px 0 0;

+    padding: 0;

+    spacing: 0;

+    border-top: none;

+    border-bottom: 1px;

+}

+

+#workspacestodockDock.right.fullheight .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+}

+

+#workspacestodockDock.left.fullheight .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+}

+

+#workspacestodockDock.top.fullheight .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+}

+

+#workspacestodockDock.bottom.fullheight .workspacestodock-shortcuts-panel {

+    border-radius: 0;

+}

+

+#workspacestodockDock .workspacestodock-shortcuts-panel > * {

+    border: 0 !important;

+}

+

+.workspacestodock-shortcuts-panel-popupmenu {

+    padding: 2px;

+    spacing: 0;

+}

+

+.workspacestodock-shortcuts-panel-favorites {

+}

+

+.workspacestodock-shortcuts-panel-running {

+}

+

+.workspacestodock-shortcuts-panel-places {

+}

+

+/* shortcuts panel buttons */

+#workspacestodockDock .app-well-app {

+}

+

+#workspacestodockDock .workspacestodock-shortcuts-panel > StButton {

+    background-size: cover;

+}

+

+#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton,

+#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton {

+    padding: 3px 6px;

+}

+

+#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:first-child,

+#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:first-child {

+    padding: 6px 6px 3px 6px;

+}

+

+#workspacestodockDock.left .workspacestodock-shortcuts-panel > StButton:last-child,

+#workspacestodockDock.right .workspacestodock-shortcuts-panel > StButton:last-child {

+    padding: 3px 6px 6px 6px;

+}

+

+#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton,

+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton {

+    padding: 6px 3px;

+}

+

+#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:first-child,

+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:first-child {

+    padding: 6px 3px 6px 6px;

+}

+

+#workspacestodockDock.top .workspacestodock-shortcuts-panel > StButton:last-child,

+#workspacestodockDock.bottom .workspacestodock-shortcuts-panel > StButton:last-child {

+    padding: 6px 6px 6px 3px;

+}

+

+.workspacestodock-shortcut-button {

+}

+

+.workspacestodock-shortcut-button-symbolic {

+}

+

+/* shortcuts panel button icons */

+#workspacestodockDock .app-well-app > .overview-icon {

+}

+

+.workspacestodock-shortcut-button-icon {

+    padding: 6px;

+}

+

+.workspacestodock-shortcut-button-symbolic-icon {

+    padding: 8px;

+}

+

+/* shortcuts panel items */

+#workspacestodockDock .popup-separator-menu-item {

+    margin: 0;

+}

+

+.workspacestodock-shortcut-panel-separator {

+    -margin-horizontal: 0;

+}

+

+.workspacestodock-shortcut-panel-filler {

+    -margin-horizontal: 0;

+    height: 0;

+    padding: 0;

+    border: none;

+}

+

+/* shortcuts panel button window count indicators */

+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-1 {

+    background-image: url("../../assets/dash/right-running1.svg");

+}

+

+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-1 {

+    background-image: url("../../assets/dash/left-running1.svg");

+}

+

+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-1 {

+    background-image: url("../../assets/dash/top-running1.svg");

+}

+

+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-1 {

+    background-image: url("../../assets/dash/bottom-running1.svg");

+}

+

+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-2 {

+    background-image: url("../../assets/dash/right-running2.svg");

+}

+

+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-2 {

+    background-image: url("../../assets/dash/left-running2.svg");

+}

+

+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-2 {

+    background-image: url("../../assets/dash/top-running2.svg");

+}

+

+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-2 {

+    background-image: url("../../assets/dash/bottom-running2.svg");

+}

+

+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-3 {

+    background-image: url("../../assets/dash/right-running3.svg");

+}

+

+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-3 {

+    background-image: url("../../assets/dash/left-running3.svg");

+}

+

+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-3 {

+    background-image: url("../../assets/dash/top-running3.svg");

+}

+

+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-3 {

+    background-image: url("../../assets/dash/bottom-running3.svg");

+}

+

+#workspacestodockDock.right .workspacestodock-shortcut-button-windowcount-image-4 {

+    background-image: url("../../assets/dash/right-running4.svg");

+}

+

+#workspacestodockDock.left .workspacestodock-shortcut-button-windowcount-image-4 {

+    background-image: url("../../assets/dash/left-running4.svg");

+}

+

+#workspacestodockDock.top .workspacestodock-shortcut-button-windowcount-image-4 {

+    background-image: url("../../assets/dash/top-running4.svg");

+}

+

+#workspacestodockDock.bottom .workspacestodock-shortcut-button-windowcount-image-4 {

+    background-image: url("../../assets/dash/bottom-running4.svg");

+}

+

+.workspacestodock-workspace-caption-container {

+    padding: 0;

+}

+

+.workspacestodock-workspace-caption-background {

+    background-color: rgba(0, 0, 0, 0.6);

+    /* border-radius: 0 0 4px 4px; */

+}

+

+.workspacestodock-workspace-caption-background.caption-top {

+    /* border-radius: 4px 4px 0 0; */

+}

+

+.workspacestodock-workspace-caption {

+}

+

+/* caption window apps (taskbar) */

+.workspacestodock-caption-windowapps {

+    padding: 0;

+}

+

+.workspacestodock-caption-windowapps-menu {

+    -boxpointer-gap: 12px;

+}

+

+.workspacestodock-caption-windowapps-menu .popup-menu-item {

+    min-height: 24px;

+    padding-top: 4px;

+    padding-bottom: 4px;

+}

+

+.workspacestodock-caption-windowapps-menu .popup-menu-item:active {

+    background-color: rgba(0, 0, 0, 0.12);

+}

+

+.workspacestodock-caption-windowapps-menu .popup-menu-item.selected:active {

+    background-color: rgba(0, 0, 0, 0.24);

+}

+

+.workspacestodock-caption-windowapps-menu-item {

+    /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */

+}

+

+.workspacestodock-caption-windowapps-menu-item:active {

+    /*fallback class for GS34 since it can't override gnome shell class 'popup-menu-item' */

+}

+

+.workspacestodock-caption-windowapps-menu-icon {

+}

+

+.workspacestodock-caption-windowapps-menu-label {

+    padding: 0 8px;

+}

+

+.workspacestodock-caption-windowapps-menu .window-close {

+    /* GS36+ can override gnome shell class 'window-close' */

+    border-radius: 100px;

+    -st-background-image-shadow: none;

+    background-image: url("../../assets/close.svg");

+    background-size: 24px;

+    height: 24px;

+    width: 24px;

+}

+

+.workspacestodock-caption-windowapps-menu .window-close:hover {

+    background-color: rgba(0, 0, 0, 0.12);

+}

+

+.workspacestodock-caption-windowapps-menu .window-close:active {

+    background-color: rgba(0, 0, 0, 0.24);

+}

+

+.workspacestodock-caption-windowapps-menu-close {

+    /*fallback class for GS34 since it can't override gnome shell class 'window-close' */

+}

+

+.workspacestodock-caption-windowapps-menu-close:hover {

+    /*fallback class for GS34 since it can't override gnome shell class 'window-close' */

+}

+

+.workspacestodock-caption-windowapps-button {

+    padding: 0;

+}

+

+.workspacestodock-caption-windowapps-button-icon {

+    padding: 2px;

+    background-color: rgba(0, 0, 0, 0.01); /* needs to draw box-shadow */

+}

+

+.workspacestodock-caption-windowapps-button:active > .workspacestodock-caption-windowapps-button-icon {

+    box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);

+}

+

+.workspacestodock-caption-windowapps-button-active > .workspacestodock-caption-windowapps-button-icon {

+    box-shadow: inset 0 -2px #FFFFFF;

+}

+

+/* caption workspace number */

+.workspacestodock-caption-number {

+    margin: 1px;

+    padding: 0 10px;

+    border-radius: 0;

+    background-color: rgba(255, 255, 255, 0.3);

+    color: #FFFFFF;

+    font-size: 9pt;

+    font-weight: bold;

+    text-align: center;

+}

+

+/* caption workspace name */

+.workspacestodock-caption-name {

+    margin: 0 4px;

+    color: rgba(255, 255, 255, 0.6);

+    font-size: 9pt;

+    text-align: center;

+}

+

+/* caption workspace windowcount */

+.workspacestodock-caption-windowcount {

+    /* min-width: 16px; */

+    margin: 0px 4px;

+    padding: 0px 4px;

+    color: #FFFFFF;

+    font-size: 9pt;

+    font-weight: bold;

+    text-align: center;

+}

+

+/* caption workspace windowcount image*/

+.workspacestodock-caption-windowcount-image {

+    width: 20px;

+    height: 20px;

+    margin: 1px;

+    border-radius: 0;

+    background-color: #FF4081;

+    color: #FFFFFF;

+    font-size: 9pt;

+    font-weight: bold;

+    text-align: center;

+}

+

+/* The classes below are used in conjunction with the above workspacestodock-caption-windowcount-image

+ * They provide background images that corespond with the window count */

+.workspacestodock-caption-windowcount-image-1 {

+}

+

+.workspacestodock-caption-windowcount-image-2 {

+}

+

+.workspacestodock-caption-windowcount-image-3 {

+}

+

+.workspacestodock-caption-windowcount-image-4 {

+}

+

+/* caption spacer-filler */

+.workspacestodock-caption-spacer {

+    width: 4px;

+}

+

+/* The classes below are used in conjuction with the above classes

+ * They provide additional theming for the current workspace caption */

+.workspacestodock-workspace-caption-background-current {

+}

+

+.workspacestodock-workspace-caption-background-current.caption-top {

+}

+

+.workspacestodock-caption-number-current {

+    /* background-color: #42A5F5; */

+}

+

+.workspacestodock-caption-name-current {

+}

+

+.workspacestodock-caption-windowcount-current {

+}

+

+.workspacestodock-caption-windowcount-image-current {

+}

diff --git a/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell-start.svg b/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell-start.svg
new file mode 100644
index 0000000..13f2117
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell-start.svg
@@ -0,0 +1,343 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 600 400"
+   height="400"
+   width="600"
+   sodipodi:docname="gnome-shell-start.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="a">
+      <stop
+         offset="0"
+         stop-color="#eef4fc"
+         id="stop3"
+         style="stop-color:#b2cdf1;stop-opacity:1" />
+      <stop
+         offset="1"
+         stop-color="#fff"
+         id="stop5" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient10562"
+       id="linearGradient10564"
+       x1="-1179.9999"
+       y1="1314.5198"
+       x2="-940.00006"
+       y2="1314.5198"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.3993149,0,0,1.3993149,1306.25,-919.42736)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient10562">
+      <stop
+         style="stop-color:#3580e4;stop-opacity:1"
+         offset="0"
+         id="stop10558" />
+      <stop
+         style="stop-color:#8abfdd;stop-opacity:1"
+         offset="1"
+         id="stop10560" />
+    </linearGradient>
+    <clipPath
+       id="e-3"
+       clipPathUnits="userSpaceOnUse">
+      <path
+         d="m 65,177 c -18.502,0 -33.5,14.998 -33.5,33.5 0.008,7.371 4.131,15.807 11.388,23.526 l 12.617,13.171 H 75.02 l 12.137,-13.245 c 6.636,-7.059 11.33,-16.117 11.344,-23.452 0,-18.502 -14.998,-33.5 -33.5,-33.5 z"
+         style="marker:none"
+         fill="#0abdc6"
+         stroke-width="2"
+         id="path34-6" />
+    </clipPath>
+    <radialGradient
+       r="33.5"
+       fy="48.405998"
+       fx="79.091003"
+       cy="48.405998"
+       cx="79.091003"
+       gradientTransform="matrix(0.00476,1.62228,-1.43419,0.00422,141.702,-82.047)"
+       gradientUnits="userSpaceOnUse"
+       id="f-7"
+       xlink:href="#b" />
+    <linearGradient
+       id="b">
+      <stop
+         offset="0"
+         stop-color="#fff"
+         id="stop11" />
+      <stop
+         offset=".519"
+         stop-color="#fff"
+         id="stop13" />
+      <stop
+         offset=".734"
+         stop-color="#cfcfcf"
+         id="stop15" />
+      <stop
+         offset="1"
+         stop-color="#dcdcdc"
+         id="stop17" />
+    </linearGradient>
+    <radialGradient
+       r="12"
+       fy="54.102001"
+       fx="71.473999"
+       cy="54.102001"
+       cx="71.473999"
+       gradientTransform="matrix(4.50607,0,0,4.76661,-259.306,-59.706)"
+       gradientUnits="userSpaceOnUse"
+       id="g-2"
+       xlink:href="#c" />
+    <linearGradient
+       id="c">
+      <stop
+         offset="0"
+         stop-color="#ed686f"
+         id="stop20" />
+      <stop
+         offset=".865"
+         stop-color="#a51d2d"
+         id="stop22" />
+      <stop
+         offset="1"
+         stop-color="#e01b24"
+         id="stop24" />
+    </linearGradient>
+    <radialGradient
+       r="14.583"
+       fy="49.777"
+       fx="40.152"
+       cy="49.777"
+       cx="40.152"
+       gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
+       gradientUnits="userSpaceOnUse"
+       id="h-7"
+       xlink:href="#d" />
+    <linearGradient
+       id="d">
+      <stop
+         offset="0"
+         stop-color="#ed686f"
+         id="stop27" />
+      <stop
+         offset=".911"
+         stop-color="#a51d2d"
+         id="stop29" />
+      <stop
+         offset="1"
+         stop-color="#e01b24"
+         id="stop31" />
+    </linearGradient>
+    <radialGradient
+       r="14.583"
+       fy="49.777"
+       fx="40.152"
+       cy="49.777"
+       cx="40.152"
+       gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
+       gradientUnits="userSpaceOnUse"
+       id="i-6"
+       xlink:href="#d" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient860"
+       id="linearGradient22"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.575111,0,0,1.575111,1217.8748,47.173672)"
+       x1="85"
+       y1="107.162"
+       x2="85"
+       y2="86" />
+    <linearGradient
+       id="linearGradient860">
+      <stop
+         offset="0"
+         stop-color="#eef4fc"
+         id="stop856"
+         style="stop-color:#c5dcf7;stop-opacity:1" />
+      <stop
+         offset="1"
+         stop-color="#fff"
+         id="stop858" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient860"
+       id="linearGradient24"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-2.1158457,0,0,2.1158457,1459.4994,-118.92278)"
+       x1="85"
+       y1="110.30392"
+       x2="85"
+       y2="86.986084" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient860"
+       id="linearGradient23"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.5463767,0,0,1.5463767,655.03375,-16.075361)"
+       x1="85"
+       y1="107.162"
+       x2="85"
+       y2="82.13472" />
+  </defs>
+  <sodipodi:namedview
+     units="px"
+     borderlayer="true"
+     inkscape:showpageshadow="false"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="px"
+     inkscape:cy="75.603256"
+     inkscape:cx="199.00314"
+     inkscape:zoom="0.98994949"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     borderopacity="1"
+     bordercolor="#383838"
+     pagecolor="#1f1f1f"
+     id="base"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:snap-bbox="true"
+     inkscape:object-paths="true"
+     inkscape:snap-intersection-paths="true"
+     inkscape:snap-smooth-nodes="true"
+     inkscape:snap-midpoints="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid900" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     transform="translate(-620,9.4371882)">
+    <g
+       id="g4043"
+       transform="translate(-15.793175)">
+      <circle
+         style="fill:url(#linearGradient10564);fill-opacity:1;stroke:none;stroke-width:3.66905;stroke-linecap:round;stroke-linejoin:round"
+         id="path10517"
+         cx="-177.02397"
+         cy="920"
+         r="167.91774"
+         transform="rotate(-90)" />
+      <path
+         d="m 1066.6646,147.98131 c 12.3048,0.0174 23.474,7.19166 28.6008,18.37784 a 23.631877,23.631877 0 0 1 10.7762,-2.62748 c 12.4288,0.0178 22.7209,9.65384 23.5474,22.05492 h 0.08 c 8.6991,0 15.7508,7.05171 15.7508,15.75083 0,8.69911 -7.0522,15.75083 -15.7513,15.75083 h -88.2056 a 18.901933,18.901933 0 0 1 -18.9019,-18.901 18.901933,18.901933 0 0 1 12.6566,-17.81853 33.12417,33.12417 0 0 1 -0.056,-1.08246 c 0,-17.39824 14.1038,-31.50213 31.5025,-31.50213 z"
+         id="path10"
+         style="fill:url(#linearGradient22);stroke-width:0.577558" />
+      <g
+         id="g245"
+         transform="matrix(1.5161629,0,0,1.5161629,396.40481,-143.42807)">
+        <g
+           id="g126"
+           transform="matrix(0.75000161,0,0,0.75000161,154.45946,111.99828)">
+          <g
+             id="g265">
+            <g
+               transform="matrix(3.12129,0,0,2.9344,91.063695,-499.94397)"
+               clip-path="url(#e-3)"
+               id="g47-0">
+              <path
+                 transform="translate(-8,156)"
+                 d="M 73,21 C 54.498,21 39.5,35.998 39.5,54.5 39.508,61.871 43,68.922 46.44,74.879 L 58,98 H 88 L 99.605,74.79 C 103,68.91 106.485,61.835 106.5,54.5 106.5,35.998 91.502,21 73,21 Z"
+                 style="fill:url(#f-7);marker:none"
+                 fill="url(#f)"
+                 id="path39-6" />
+              <path
+                 d="m 64,177 c 0,0 -18.332,12.132 -18.332,30.989 0,14.571 16.174,46.011 16.174,46.011 H 67 c 0,0 1.333,-31.44 1.333,-46.011 C 68.333,189.132 64,177 64,177 Z"
+                 fill="url(#g)"
+                 id="path41-2"
+                 style="fill:url(#g-2)" />
+              <path
+                 transform="translate(-8,156)"
+                 d="m 71.983,21.106 c -8.207,0.147 -16.328,3.285 -22.5,8.695 -6.174,5.409 -10.35,13.047 -11.574,21.163 -1.24,8.225 0.567,16.874 4.995,23.915 L 61.902,98 h 6.432 L 55.002,81.27 C 50.702,75.875 46.53,70.2 44.406,63.636 42.283,57.072 42.24,49.836 44.409,43.288 A 32.824,32.824 0 0 1 54.925,28.13 32.824,32.824 0 0 1 71.983,21.105 Z"
+                 fill="url(#h)"
+                 id="path43-6"
+                 style="fill:url(#h-7)" />
+              <path
+                 transform="matrix(-1,0,0,1,137.16,155.823)"
+                 d="M 73.003,21.303 C 65.294,19.756 57.033,21.149 50.257,25.138 43.481,29.127 38.255,35.675 35.867,43.167 A 32.484,32.484 0 0 0 35.11,59.972 32.484,32.484 0 0 0 42.904,74.879 L 54.11,98 H 67.493 L 54.16,74.356 C 51.292,69.269 48.603,63.95 47.733,58.175 46.863,52.4 47.769,46.404 50.107,41.052 54.28,31.502 62.943,24.03 73.002,21.304 Z"
+                 fill="url(#i)"
+                 id="path45-1"
+                 style="fill:url(#i-6)" />
+            </g>
+            <path
+               style="marker:none"
+               d="m 271.0607,256.22128 v 19.397 a 9.702,9.702 0 0 0 9.724,9.726 h 26.326 c 5.388,0 8.594,-4.457 9.725,-9.726 v -19.397 z"
+               fill="#e5a50a"
+               id="path49-8" />
+            <path
+               style="marker:none"
+               d="m 271.0607,252.06028 v 19.397 a 9.702,9.702 0 0 0 9.724,9.724 h 26.326 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
+               fill="#e5a50a"
+               id="path51-7" />
+            <path
+               style="marker:none"
+               d="m 300.1907,252.06028 v 29.121 h 6.92 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
+               fill="#f3af0b"
+               id="path53-9" />
+          </g>
+        </g>
+      </g>
+      <path
+         style="font-variation-settings:normal;fill:url(#linearGradient24);fill-opacity:1;stroke-width:0.822282"
+         d="m 1051.0577,24.011554 a 37.111799,37.111799 0 0 0 -36.9465,35.120895 c -13.3251,2.089947 -23.45686,13.564137 -23.45686,27.494149 0,15.421302 12.41476,27.836692 27.83666,27.836692 h 72.3273 c 11.9284,0 21.5316,-9.60251 21.5316,-21.530902 0,-11.928386 -9.6032,-21.532163 -21.5316,-21.532163 h -3.9868 a 37.111799,37.111799 0 0 0 1.4509,-10.27624 37.111799,37.111799 0 0 0 -37.1118,-37.111798 37.111799,37.111799 0 0 0 -0.1123,0 z"
+         id="path12" />
+      <path
+         d="m 803.48555,82.893284 c -12.0805,0.0171 -23.046,7.06046 -28.0791,18.042576 a 23.200767,23.200767 0 0 0 -10.5796,-2.579546 c -12.2021,0.0175 -22.3064,9.477716 -23.1179,21.652566 h -0.079 c -8.5404,0 -15.4634,6.92307 -15.4634,15.46349 0,8.54042 6.9235,15.46349 15.4639,15.46349 h 86.5965 a 18.55711,18.55711 0 0 0 18.5571,-18.55619 18.55711,18.55711 0 0 0 -12.4257,-17.49347 32.519894,32.519894 0 0 0 0.055,-1.06272 c 0,-17.080836 -13.8466,-30.927426 -30.9279,-30.927426 z"
+         id="path21"
+         style="fill:url(#linearGradient23);fill-opacity:1;stroke-width:0.999999" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell-theme.gresource.xml b/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell-theme.gresource.xml
new file mode 100644
index 0000000..56a74c7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell-theme.gresource.xml
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<gresources>
+  <gresource prefix="/org/gnome/shell/theme">
+    <file>assets/dash/bottom-running1.svg</file>
+    <file>assets/dash/bottom-running1-focused.svg</file>
+    <file>assets/dash/bottom-running2.svg</file>
+    <file>assets/dash/bottom-running2-focused.svg</file>
+    <file>assets/dash/bottom-running3.svg</file>
+    <file>assets/dash/bottom-running3-focused.svg</file>
+    <file>assets/dash/bottom-running4.svg</file>
+    <file>assets/dash/bottom-running4-focused.svg</file>
+    <file>assets/dash/left-running1.svg</file>
+    <file>assets/dash/left-running1-focused.svg</file>
+    <file>assets/dash/left-running2.svg</file>
+    <file>assets/dash/left-running2-focused.svg</file>
+    <file>assets/dash/left-running3.svg</file>
+    <file>assets/dash/left-running3-focused.svg</file>
+    <file>assets/dash/left-running4.svg</file>
+    <file>assets/dash/left-running4-focused.svg</file>
+    <file>assets/dash/right-running1.svg</file>
+    <file>assets/dash/right-running1-focused.svg</file>
+    <file>assets/dash/right-running2.svg</file>
+    <file>assets/dash/right-running2-focused.svg</file>
+    <file>assets/dash/right-running3.svg</file>
+    <file>assets/dash/right-running3-focused.svg</file>
+    <file>assets/dash/right-running4.svg</file>
+    <file>assets/dash/right-running4-focused.svg</file>
+    <file>assets/dash/top-running1.svg</file>
+    <file>assets/dash/top-running1-focused.svg</file>
+    <file>assets/dash/top-running2.svg</file>
+    <file>assets/dash/top-running2-focused.svg</file>
+    <file>assets/dash/top-running3.svg</file>
+    <file>assets/dash/top-running3-focused.svg</file>
+    <file>assets/dash/top-running4.svg</file>
+    <file>assets/dash/top-running4-focused.svg</file>
+    <file>assets/calendar-arrow-left.svg</file>
+    <file>assets/calendar-arrow-right.svg</file>
+    <file>assets/calendar-event.svg</file>
+    <file>assets/checkbox.svg</file>
+    <file>assets/checkbox-off.svg</file>
+    <file>assets/close.svg</file>
+    <file>assets/dash-placeholder.svg</file>
+    <file>assets/key-enter.svg</file>
+    <file>assets/key-hide.svg</file>
+    <file>assets/key-layout.svg</file>
+    <file>assets/key-shift.svg</file>
+    <file>assets/key-shift-uppercase.svg</file>
+    <file>assets/key-shift-latched-uppercase.svg</file>
+    <file>assets/menu-item-toggle-off.svg</file>
+    <file>assets/menu-item-toggle-on.svg</file>
+    <file alias="no-events.svg">assets/no-events.svg</file>
+    <file alias="no-notifications.svg">assets/no-notifications.svg</file>
+    <file>assets/toggle-off.svg</file>
+    <file>assets/toggle-on.svg</file>
+    <file>assets/window-close.svg</file>
+    <file>extensions/workspaces-to-dock/workspaces-to-dock.css</file>
+    <file>gnome-shell.css</file>
+    <file>gnome-shell-start.svg</file>
+    <file>icons/scalable/actions/color-pick.svg</file>
+    <file>icons/scalable/actions/pointer-double-click-symbolic.svg</file>
+    <file>icons/scalable/actions/pointer-drag-symbolic.svg</file>
+    <file>icons/scalable/actions/pointer-primary-click-symbolic.svg</file>
+    <file>icons/scalable/actions/pointer-secondary-click-symbolic.svg</file>
+    <file>icons/scalable/actions/preview-close-symbolic.svg</file>
+    <file>icons/scalable/status/carousel-arrow-back-24-symbolic.svg</file>
+    <file>icons/scalable/status/carousel-arrow-next-24-symbolic.svg</file>
+    <file>icons/scalable/status/eye-not-looking-symbolic.svg</file>
+    <file>icons/scalable/status/eye-open-negative-filled-symbolic.svg</file>
+    <file>icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg</file>
+    <file>icons/scalable/status/keyboard-enter-symbolic.svg</file>
+    <file>icons/scalable/status/keyboard-hide-symbolic.svg</file>
+    <file>icons/scalable/status/keyboard-layout-filled-symbolic.svg</file>
+    <file>icons/scalable/status/keyboard-shift-filled-symbolic.svg</file>
+    <file>icons/scalable/status/message-indicator-symbolic.svg</file>
+    <file>noise-texture.png</file>
+    <file>pad-osd.css</file>
+    <file>process-working.svg</file>
+  </gresource>
+</gresources>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell.css b/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..9ba3038
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/gnome-shell.css
@@ -0,0 +1,3360 @@
+/* Copyright 2009, 2015 Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+stage {
+  color: #0abdc6;
+  font-size: 1em;
+}
+
+.shell-link {
+  transition-duration: 100ms;
+  border-radius: 5px;
+  color: #711c91;
+}
+.shell-link:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+  color: #711c91;
+}
+.shell-link:active {
+  transition-duration: 200ms;
+  background-color: rgba(113, 28, 145, 0.16);
+  color: #711c91;
+}
+
+.lowres-icon {
+  icon-shadow: none;
+}
+
+.icon-dropshadow {
+  icon-shadow: none;
+}
+
+/* Entries */
+.lg-dialog StEntry,
+StEntry {
+  min-height: 32px;
+  padding: 0 8px;
+  border-width: 0;
+  border-radius: 5px 5px 0 0;
+  color: #0abdc6;
+  selection-background-color: rgba(113, 28, 145, 0.6);
+  selected-color: #0abdc6;
+  font-size: 11.25pt;
+  font-weight: 400;
+  transition-duration: 100ms;
+  background-color: rgba(10, 189, 198, 0.04);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+}
+StEntry:hover {
+  box-shadow: inset 0 -1px #0abdc6;
+}
+StEntry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #711c91;
+}
+StEntry:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+}
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  padding: 0 4px;
+  warning-color: #f57800;
+}
+StEntry StIcon.peek-password {
+  icon-size: 16px;
+  padding: 0 4px;
+  color: rgba(10, 189, 198, 0.7);
+}
+StEntry StIcon.peek-password:hover {
+  color: #0abdc6;
+}
+StEntry StLabel.hint-text {
+  margin-left: 2px;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+/* Buttons */
+.lg-obj-inspector-button, .app-folder-dialog .folder-name-container .edit-folder-button, .modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button,
+.button {
+  min-height: 32px;
+  min-width: 48px;
+  padding: 0 8px;
+  border: 0;
+  border-radius: 5px;
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: #711c91;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.lg-obj-inspector-button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .modal-dialog .modal-dialog-linked-button:focus, .hotplug-notification-item:focus, .notification-banner .notification-button:focus,
+.button:focus {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.12);
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+.lg-obj-inspector-button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .modal-dialog .modal-dialog-linked-button:hover, .hotplug-notification-item:hover, .notification-banner .notification-button:hover,
+.button:hover {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+.lg-obj-inspector-button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .modal-dialog .modal-dialog-linked-button:active, .hotplug-notification-item:active, .notification-banner .notification-button:active,
+.button:active {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+.lg-obj-inspector-button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .hotplug-notification-item:insensitive, .notification-banner .notification-button:insensitive,
+.button:insensitive {
+  color: rgba(10, 189, 198, 0.3);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog .modal-dialog-linked-button, .hotplug-notification-item, .notification-banner .notification-button {
+  margin: 4px;
+  margin-right: 0;
+}
+.modal-dialog .modal-dialog-linked-button:first-child, .hotplug-notification-item:first-child, .notification-banner .notification-button:first-child, .modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  border-radius: 5px;
+}
+.modal-dialog .modal-dialog-linked-button:last-child, .hotplug-notification-item:last-child, .notification-banner .notification-button:last-child {
+  margin-right: 4px;
+  border-right-width: 0;
+}
+
+/* Check Boxes */
+.check-box StBoxLayout {
+  spacing: 8px;
+}
+.check-box StBin {
+  transition-duration: 100ms;
+  width: 24px;
+  height: 24px;
+  padding: 4px;
+  border-radius: 16px;
+}
+.check-box StBin, .check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+.check-box:focus StBin {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.check-box:hover StBin {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.check-box:active StBin {
+  transition-duration: 200ms;
+  background-color: rgba(10, 189, 198, 0.16);
+}
+.check-box:checked StBin, .check-box:checked:focus StBin {
+  background-image: url("assets/checkbox.svg");
+}
+.check-box:checked:focus StBin {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.check-box:checked:hover StBin {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.check-box:checked:active StBin {
+  background-color: rgba(113, 28, 145, 0.16);
+}
+
+/* Switches */
+.toggle-switch {
+  color: inherit;
+  width: 40px;
+  height: 24px;
+  background-size: contain;
+  background-image: url("assets/toggle-off.svg");
+}
+.toggle-switch:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  -barlevel-height: 2px;
+  -barlevel-border-width: 0;
+  -barlevel-border-color: transparent;
+  -barlevel-background-color: rgba(10, 189, 198, 0.3);
+  -barlevel-active-border-color: transparent;
+  -barlevel-active-background-color: #711c91;
+  -barlevel-overdrive-color: #ff0000;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -slider-handle-radius: 6px;
+  -slider-handle-border-width: 0;
+  -slider-handle-border-color: transparent;
+}
+.slider, .slider:hover, .slider:active {
+  color: #711c91;
+}
+
+/* Scrollbars */
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+
+StScrollBar {
+  padding: 0;
+}
+StScrollView StScrollBar {
+  min-width: 16px;
+  min-height: 16px;
+}
+StScrollBar StBin#trough {
+  margin: 4px;
+  border-radius: 4px;
+  background-color: rgba(10, 189, 198, 0.2);
+}
+StScrollBar StButton#vhandle,
+StScrollBar StButton#hhandle {
+  transition-duration: 100ms;
+  margin: 4px;
+  border-radius: 4px;
+  background-color: rgba(10, 189, 198, 0.5);
+}
+StScrollBar StButton#vhandle:hover,
+StScrollBar StButton#hhandle:hover {
+  background-color: rgba(10, 189, 198, 0.6);
+}
+StScrollBar StButton#vhandle:active,
+StScrollBar StButton#hhandle:active {
+  background-color: rgba(10, 189, 198, 0.7);
+}
+
+/* Popovers/Menus */
+.popup-menu-boxpointer, .candidate-popup-boxpointer {
+  -arrow-base: 0;
+  -arrow-rise: 0;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-border-radius: 20px;
+  -arrow-box-shadow: none;
+  -arrow-background-color: transparent;
+}
+
+.popup-menu {
+  min-width: 15em;
+  border-color: transparent;
+  color: inherit;
+}
+.popup-menu.panel-menu {
+  -boxpointer-gap: 0;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-content, .candidate-popup-content {
+  margin: 8px;
+  padding: 8px 0;
+  border-radius: 5px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+
+.popup-menu-item {
+  spacing: 8px;
+  padding: 0;
+  transition-duration: 100ms;
+}
+.popup-menu-item:ltr {
+  padding: 0.4em;
+  padding-right: 24px;
+  padding-left: 0;
+}
+.popup-menu-item:rtl {
+  padding: 0.4em;
+  padding-right: 0;
+  padding-left: 24px;
+}
+.popup-menu-item.selected {
+  background-color: rgba(10, 189, 198, 0.12);
+  transition-duration: 0ms;
+}
+.popup-menu-item.selected, .popup-menu-item.selected:active {
+  color: #0abdc6;
+}
+.popup-menu-item:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  color: #0abdc6;
+  transition-duration: 200ms;
+}
+.popup-menu-item:checked {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.6);
+  font-weight: normal;
+}
+.popup-menu-item:checked.selected {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+.popup-menu-item:checked:active {
+  background-color: rgba(113, 28, 145, 0.664);
+}
+.popup-menu-item:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+}
+.popup-menu-item .toggle-switch {
+  width: 20px;
+  height: 20px;
+  background-image: url("assets/menu-item-toggle-off.svg");
+}
+.popup-menu-item .toggle-switch:checked {
+  background-image: url("assets/menu-item-toggle-on.svg");
+}
+
+.popup-inactive-menu-item {
+  color: #0abdc6;
+}
+.popup-inactive-menu-item:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+.popup-menu-arrow {
+  icon-size: 16px;
+}
+.popup-menu-content .popup-menu-arrow, .candidate-popup-content .popup-menu-arrow {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.popup-menu-icon {
+  icon-size: 16px;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.popup-sub-menu {
+  border-top: 0;
+  border-bottom: 0;
+  padding-bottom: 0;
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.04);
+}
+
+.popup-menu-ornament {
+  text-align: right;
+  width: 16px;
+  height: 16px;
+}
+.popup-menu-ornament:ltr {
+  text-align: right;
+}
+.popup-menu-ornament:rtl {
+  text-align: left;
+}
+
+.popup-separator-menu-item {
+  padding: 0;
+}
+.popup-separator-menu-item .popup-separator-menu-item-separator {
+  height: 1px;
+  margin: 8px 0;
+  background-color: rgba(10, 189, 198, 0.2);
+}
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator {
+  margin: 8px 0;
+  background-color: rgba(10, 189, 198, 0.2);
+}
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:ltr {
+  margin-right: 32px;
+}
+.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator:rtl {
+  margin-left: 32px;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0;
+}
+
+.aggregate-menu {
+  min-width: 21em;
+}
+.aggregate-menu .popup-menu-icon {
+  padding: 0;
+  margin: 0 4px;
+  -st-icon-style: symbolic;
+}
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  padding-left: 16px;
+  margin-left: 16px;
+}
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  padding-right: 16px;
+  margin-right: 16px;
+}
+
+/* Date/Time Menu */
+#calendarArea {
+  padding: 8px 16px;
+}
+
+.datemenu-calendar-column {
+  spacing: 8px;
+  padding: 0;
+  border: 0 solid rgba(10, 189, 198, 0.2);
+}
+.datemenu-calendar-column:ltr {
+  margin-right: 0;
+  border-left-width: 0;
+}
+.datemenu-calendar-column:rtl {
+  margin-left: 0;
+  border-right-width: 0;
+}
+.datemenu-calendar-column .datemenu-displays-section {
+  padding-bottom: 0;
+}
+.datemenu-calendar-column .datemenu-displays-box {
+  spacing: 8px;
+  margin: 0 8px;
+}
+
+.events-section-title {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  min-height: 12px;
+  padding: 8px;
+  color: rgba(10, 189, 198, 0.7) !important;
+  font-weight: bold;
+}
+.events-section-title, .events-section-title:focus, .events-section-title:hover, .events-section-title:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.events-section-title:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.events-section-title:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.events-section-title:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+
+/* today button (the date) */
+.datemenu-today-button {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  margin: 0 8px;
+  min-height: 40px;
+  padding: 8px;
+}
+.datemenu-today-button, .datemenu-today-button:focus, .datemenu-today-button:hover, .datemenu-today-button:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.datemenu-today-button:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.datemenu-today-button:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.datemenu-today-button:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.datemenu-today-button .day-label {
+  font-weight: normal;
+  font-size: 1em;
+}
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: 400;
+}
+
+/* Calendar */
+.calendar {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  margin: 0 8px;
+  margin-bottom: 0;
+  padding: 0;
+}
+.calendar, .calendar:focus, .calendar:hover, .calendar:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.calendar:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.calendar .calendar-month-label {
+  transition-duration: 100ms;
+  min-height: 16px;
+  margin: 2px;
+  padding: 6px 8px;
+  border-radius: 5px;
+  color: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+.calendar .calendar-month-label:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar .calendar-change-month-back StIcon,
+.calendar .calendar-change-month-forward StIcon {
+  icon-size: 16px;
+}
+.calendar .pager-button {
+  transition-duration: 100ms;
+  width: 28px;
+  height: 28px;
+  margin: 2px;
+  border-radius: 14px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+}
+.calendar .pager-button:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar .pager-button:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar .pager-button:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.calendar .calendar-day-base {
+  transition-duration: 100ms;
+  width: 28px;
+  height: 28px;
+  margin: 2px;
+  padding: 0;
+  border: 0;
+  border-radius: 14px;
+  font-size: 9pt;
+  font-weight: 400;
+  font-feature-settings: "tnum";
+  text-align: center;
+}
+.calendar .calendar-day-base:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar .calendar-day-base:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar .calendar-day-base:active {
+  transition-duration: 200ms;
+  border-color: transparent;
+  background-color: rgba(10, 189, 198, 0.16);
+  color: inherit;
+}
+.calendar .calendar-day-base:selected {
+  border-color: transparent;
+  background-color: #711c91 !important;
+  color: #fff !important;
+  font-weight: 500 !important;
+}
+.calendar .calendar-day-base.calendar-day-heading {
+  width: 28px;
+  height: 21px;
+  margin-top: 2px;
+  padding: 7px 0 0;
+  border-radius: 14px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.5);
+  font-size: 9pt;
+  font-weight: 400;
+  font-weight: bold;
+  text-align: center;
+}
+.calendar .calendar-day-base.calendar-day-heading:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.calendar .calendar-day {
+  border-width: 0;
+}
+.calendar .calendar-day-top {
+  border-top-width: 0;
+}
+.calendar .calendar-day-left {
+  border-left-width: 0;
+}
+.calendar .calendar-nonwork-day {
+  color: inherit;
+}
+.calendar .calendar-today {
+  border: 0;
+  box-shadow: inset 0 0 0 1px rgba(10, 189, 198, 0.7);
+  background-color: rgba(19, 62, 124, 0.01);
+  color: inherit;
+  font-weight: normal;
+}
+.calendar .calendar-today:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+  color: inherit;
+}
+.calendar .calendar-today:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+  color: inherit;
+}
+.calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus {
+  background-color: rgba(10, 189, 198, 0.16);
+  color: inherit;
+}
+.calendar .calendar-today:selected {
+  box-shadow: inset 0 0 0 1px transparent;
+}
+.calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
+  background-color: #711c91;
+  color: #fff;
+}
+.calendar .calendar-day-with-events {
+  background-image: url("assets/calendar-event.svg");
+}
+.calendar .calendar-day-with-events, .calendar .calendar-day-with-events.calendar-work-day {
+  color: inherit;
+  font-weight: normal;
+}
+.calendar .calendar-other-month-day {
+  color: rgba(10, 189, 198, 0.3) !important;
+}
+.calendar .calendar-week-number {
+  width: 28px;
+  height: 28px;
+  margin: 2px;
+  border-radius: 14px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.5);
+  font-weight: bold;
+  font-size: 1em;
+  text-align: center;
+}
+
+/* Events */
+.events-button {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  min-height: 40px;
+  padding: 8px;
+}
+.events-button, .events-button:focus, .events-button:hover, .events-button:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.events-button:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.events-button:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.events-button:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.events-button .events-box {
+  spacing: 8px;
+}
+.events-button .events-list {
+  spacing: 8px;
+}
+.events-button .events-title {
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: bold;
+  margin-bottom: 0;
+}
+.events-button .event-time {
+  color: rgba(10, 189, 198, 0.7);
+  font-size: 9pt;
+  font-weight: 400;
+  font-feature-settings: "tnum";
+}
+
+/* World clocks */
+.world-clocks-button {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  min-height: 12px;
+  padding: 8px;
+}
+.world-clocks-button, .world-clocks-button:focus, .world-clocks-button:hover, .world-clocks-button:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.world-clocks-button:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.world-clocks-button:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.world-clocks-button:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.world-clocks-button .world-clocks-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+.world-clocks-button .world-clocks-header {
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: bold;
+}
+.world-clocks-button .world-clocks-city {
+  color: inherit;
+  font-weight: normal;
+  font-size: 1em;
+}
+.world-clocks-button .world-clocks-time {
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: normal;
+  font-size: 1em;
+  font-feature-settings: "tnum";
+  text-align: right;
+}
+.world-clocks-button .world-clocks-time:ltr {
+  text-align: right;
+}
+.world-clocks-button .world-clocks-time:rtl {
+  text-align: left;
+}
+.world-clocks-button .world-clocks-timezone {
+  color: rgba(10, 189, 198, 0.5);
+  font-size: 1em;
+  font-feature-settings: "tnum";
+}
+
+/* Weather */
+.weather-button {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  min-height: 40px;
+  padding: 8px;
+}
+.weather-button, .weather-button:focus, .weather-button:hover, .weather-button:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.weather-button:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.weather-button:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.weather-button:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.weather-button .weather-box {
+  spacing: 0.4em;
+}
+.weather-button .weather-header-box {
+  spacing: 8px;
+}
+.weather-button .weather-header {
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: bold;
+}
+.weather-button .weather-header.location {
+  font-weight: normal;
+  font-size: 1em;
+}
+.weather-button .weather-grid {
+  spacing-rows: 0.4em;
+  spacing-columns: 0.8em;
+}
+.weather-button .weather-forecast-time {
+  padding-top: 0;
+  padding-bottom: 0;
+  color: rgba(10, 189, 198, 0.7);
+  font-size: 9pt;
+  font-weight: 400;
+  font-feature-settings: "tnum";
+}
+.weather-button .weather-forecast-icon {
+  icon-size: 32px;
+}
+.weather-button .weather-forecast-temp {
+  font-weight: bold;
+}
+
+/* Message List */
+.message-list {
+  width: 31.5em;
+  padding: 0;
+}
+.message-list .message-list-placeholder {
+  spacing: 12px;
+}
+
+.message-list-sections {
+  spacing: 8px;
+  margin: 0 8px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 8px;
+}
+
+.message-list-section-list:ltr {
+  padding-left: 0;
+}
+.message-list-section-list:rtl {
+  padding-right: 0;
+}
+
+.message-list-controls {
+  margin: 8px 8px 0;
+  padding: 0;
+  spacing: 8px;
+}
+
+.message {
+  margin: 0;
+  border: 0;
+  border-radius: 5px;
+  min-height: 56px;
+}
+.message, .message:focus, .message:hover, .message:active {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.message:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.message:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.message:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.message .message-icon-bin {
+  padding: 12px 0 12px 12px;
+}
+.message .message-icon-bin:rtl {
+  padding: 12px 12px 12px 0;
+}
+.message .message-icon-bin > StIcon {
+  -st-icon-style: requested;
+  icon-size: 16px;
+  color: inherit;
+}
+.message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl {
+  margin: 0;
+}
+.message .message-icon-bin > .fallback-app-icon {
+  width: 16px;
+  height: 16px;
+}
+.message .message-content {
+  min-height: 40px;
+  padding: 8px;
+  spacing: 0;
+  color: inherit;
+  font-size: 1em;
+}
+.message .message-title {
+  min-height: 22px;
+  padding-top: 2px;
+  color: inherit;
+  font-weight: bold;
+  font-size: 1em;
+}
+.message .message-secondary-bin {
+  padding: 0 8px;
+}
+.message .message-secondary-bin > .event-time {
+  min-height: 22px;
+  padding-top: 2px;
+  color: rgba(10, 189, 198, 0.7);
+  font-size: 1em;
+  text-align: right;
+  padding-bottom: 0;
+}
+.message .message-secondary-bin > .event-time:ltr {
+  text-align: right;
+}
+.message .message-secondary-bin > .event-time:rtl {
+  text-align: left;
+}
+.message .message-secondary-bin > StIcon {
+  icon-size: 16px;
+}
+.message .message-close-button {
+  transition-duration: 100ms;
+  icon-size: 16px;
+  padding: 4px;
+  border-radius: 12px;
+}
+.message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active {
+  color: rgba(10, 189, 198, 0.7);
+}
+.message .message-close-button:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.message .message-close-button:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.message .message-close-button:active {
+  transition-duration: 200ms;
+  background-color: rgba(10, 189, 198, 0.16);
+}
+.message .message-body {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.url-highlighter {
+  link-color: #711c91;
+}
+
+/* Media Controls */
+.message-media-control {
+  transition-duration: 100ms;
+  margin: 16px 0;
+  padding: 8px;
+  border-radius: 16px;
+}
+.message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active {
+  color: rgba(10, 189, 198, 0.7);
+}
+.message-media-control:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.message-media-control:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.message-media-control:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.message-media-control:insensitive {
+  color: rgba(10, 189, 198, 0.3);
+}
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+  padding-right: 8px;
+  border-radius: 16px;
+}
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+  padding-left: 8px;
+  border-radius: 16px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+  margin: 4px 0 !important;
+  border-radius: 0;
+}
+.media-message-cover-icon.fallback {
+  icon-size: 16px !important;
+  padding: 8px;
+  border: 0;
+  border-radius: 5px;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5) !important;
+}
+
+.candidate-popup-content {
+  padding: 8px;
+  spacing: 0;
+}
+
+.candidate-index {
+  padding: 0 4px 0 0;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.candidate-box {
+  transition-duration: 100ms;
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 5px;
+}
+.candidate-box:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.candidate-box:active {
+  background-color: rgba(10, 189, 198, 0.16);
+  transition-duration: 200ms;
+}
+.candidate-box:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  color: inherit;
+  transition-duration: 0ms;
+}
+
+.candidate-page-button-box {
+  height: 28px;
+}
+.vertical .candidate-page-button-box {
+  padding-top: 0;
+}
+.horizontal .candidate-page-button-box {
+  padding-left: 0;
+}
+
+.candidate-page-button {
+  min-width: 28px;
+  min-height: 28px;
+  padding: 0;
+}
+
+.candidate-page-button-previous {
+  border-right-width: 0;
+  border-radius: 5px;
+}
+
+.candidate-page-button-next {
+  border-radius: 5px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 16px;
+}
+
+/* Notifications & Message Tray */
+.notification-banner {
+  min-height: 56px;
+  width: 34em;
+  margin: 5px;
+  border: 0;
+  border-radius: 5px;
+  font-size: 1em;
+}
+.notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+.notification-banner .notification-actions {
+  spacing: 0;
+  padding-top: 0;
+  border-top: 0;
+  background-color: transparent;
+  color: inherit;
+}
+.summary-source-counter {
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  height: 1.6em;
+  width: 1.6em;
+  border: 0;
+  border-radius: 0.8em;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  background-color: #711c91;
+  color: #fff;
+  font-weight: bold;
+  font-size: 1em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #0abdc6;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+.chat-received:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(10, 189, 198, 0.7);
+}
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  color: rgba(10, 189, 198, 0.7);
+  font-size: 9pt;
+  font-weight: 400;
+}
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 0 4px;
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+.modal-dialog {
+  border: 0;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+.modal-dialog .modal-dialog-content-box {
+  max-width: 28em;
+  margin: 32px 40px;
+  spacing: 32px;
+}
+/* End Session Dialog */
+.end-session-dialog {
+  width: 30em;
+}
+.end-session-dialog .end-session-dialog-battery-warning,
+.end-session-dialog .dialog-list-title {
+  color: #ff0000;
+}
+
+/* Message Dialog */
+.message-dialog-content {
+  spacing: 18px;
+}
+.message-dialog-content .message-dialog-title {
+  font-size: 15pt;
+  font-weight: 500;
+  text-align: inherit;
+}
+.message-dialog-content .message-dialog-title.lightweight {
+  font-size: 15pt;
+  font-weight: 500;
+}
+.message-dialog-content .message-dialog-description {
+  color: rgba(10, 189, 198, 0.7);
+  text-align: inherit;
+}
+
+/* Dialog List */
+.dialog-list {
+  spacing: 18px;
+}
+.dialog-list .dialog-list-title {
+  text-align: inherit;
+  font-weight: bold;
+}
+.dialog-list .dialog-list-scrollview {
+  max-height: 200px;
+}
+.dialog-list .dialog-list-box {
+  spacing: 1em;
+}
+.dialog-list .dialog-list-box .dialog-list-item {
+  spacing: 1em;
+}
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
+  font-weight: bold;
+}
+.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
+  color: rgba(10, 189, 198, 0.7);
+  font-size: 1em;
+}
+
+/* Run Dialog */
+.run-dialog .modal-dialog-content-box {
+  margin-top: 24px;
+  margin-bottom: 16px;
+}
+.run-dialog .run-dialog-entry {
+  width: 20em;
+}
+.run-dialog .run-dialog-description {
+  text-align: inherit;
+  color: rgba(10, 189, 198, 0.7);
+  font-size: 1em;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 28em;
+}
+.prompt-dialog .modal-dialog-content-box {
+  margin-bottom: 24px;
+}
+
+.prompt-dialog-password-grid {
+  spacing-rows: 8px;
+  spacing-columns: 4px;
+}
+.prompt-dialog-password-grid .prompt-dialog-password-entry {
+  width: auto;
+}
+.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr {
+  margin-left: 20px;
+}
+.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl {
+  margin-right: 20px;
+}
+
+.prompt-dialog-password-layout {
+  spacing: 8px;
+}
+
+.prompt-dialog-password-entry {
+  width: 18em;
+}
+
+.prompt-dialog-error-label,
+.prompt-dialog-info-label,
+.prompt-dialog-null-label {
+  font-size: 1em;
+  text-align: inherit;
+}
+
+.prompt-dialog-error-label {
+  color: #ff0000;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  text-align: center;
+  spacing: 8px;
+  margin-bottom: 6px;
+}
+.polkit-dialog-user-layout .polkit-dialog-user-root-label {
+  color: #ff0000;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog .modal-dialog-content-box {
+  margin-bottom: 28px;
+}
+.audio-device-selection-dialog .audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  transition-duration: 100ms;
+  border: 0;
+  border-radius: 5px;
+}
+.audio-selection-device:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.audio-selection-device:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.audio-selection-device:active {
+  transition-duration: 200ms;
+  background-color: rgba(10, 189, 198, 0.16);
+  color: inherit;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+/* Welcome dialog */
+.welcome-dialog-image {
+  height: 300px;
+  width: 300px;
+  background-image: url("gnome-shell-start.svg");
+  background-size: contain;
+}
+
+/* Network Dialogs */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.nm-dialog-header {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+.nm-dialog-subheader {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.nm-dialog-header-hbox {
+  spacing: 16px;
+}
+
+.nm-dialog-scroll-view {
+  border: 0;
+  padding: 0;
+  background-color: transparent;
+}
+
+.nm-dialog-item {
+  transition-duration: 100ms;
+  padding: 12px;
+  spacing: 20px;
+  border-bottom: 0;
+  border-radius: 5px;
+  font-size: 1em;
+}
+.nm-dialog-item:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.nm-dialog-item:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.nm-dialog-item:active {
+  transition-duration: 200ms;
+  background-color: rgba(10, 189, 198, 0.16);
+}
+.nm-dialog-item:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  color: #0abdc6;
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.nm-dialog-icons {
+  spacing: 0.5em;
+}
+
+.no-networks-label {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.no-networks-box {
+  spacing: 12px;
+}
+
+/* OSD */
+.osd-window {
+  padding: 12px;
+  border: none;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+  text-align: center;
+  font-weight: bold;
+  spacing: 12px;
+  margin: 32px;
+  min-width: 64px;
+  min-height: 64px;
+}
+.osd-window StIcon {
+  icon-size: 96px;
+}
+.osd-window .osd-monitor-label {
+  font-size: 48px;
+  font-weight: 400;
+}
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(10, 189, 198, 0.2);
+  -barlevel-active-background-color: #711c91;
+  -barlevel-overdrive-color: #ff0000;
+  -barlevel-overdrive-separator-width: 2px;
+}
+
+.resize-popup {
+  padding: 12px;
+  border: none;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+
+/* Pad OSD */
+.pad-osd-window {
+  padding: 32px;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.pad-osd-window .pad-osd-title-box {
+  spacing: 12px;
+}
+.pad-osd-window .pad-osd-title-menu-box {
+  spacing: 6px;
+}
+
+.combo-box-label {
+  width: 15em;
+}
+
+/* App Switcher */
+.switcher-popup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  padding: 12px;
+  border: none;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+.switcher-list .switcher-list-item-container {
+  spacing: 8px;
+}
+.switcher-list .item-box {
+  transition-duration: 100ms;
+  padding: 8px;
+  border: 0;
+  border-radius: 5px;
+}
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: 0;
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.16);
+  color: inherit;
+}
+.switcher-list .item-box:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  color: inherit;
+}
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+.switcher-list .thumbnail {
+  width: 256px;
+}
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(10, 189, 198, 0.2);
+}
+
+.switcher-arrow {
+  transition-duration: 100ms;
+  border-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+}
+.switcher-arrow:highlighted {
+  color: #0abdc6;
+}
+
+.input-source-switcher-symbol {
+  width: 96px;
+  height: 96px;
+  font-size: 48px;
+  font-weight: 400;
+}
+
+.cycler-highlight {
+  border: 4px solid #711c91;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 8px;
+}
+
+.workspace-switcher-container {
+  padding: 12px;
+  border: none;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  padding: 0;
+  spacing: 8px;
+}
+
+.ws-switcher-box {
+  height: 48px;
+  border: 0;
+  border-radius: 5px;
+  background-color: rgba(10, 189, 198, 0.2);
+  background-size: 0;
+}
+
+.ws-switcher-active-up,
+.ws-switcher-active-down,
+.ws-switcher-active-left,
+.ws-switcher-active-right {
+  height: 48px;
+  border: 0;
+  border-radius: 5px;
+  background-color: #711c91;
+  background-size: 0;
+  color: inherit;
+}
+
+/* OVERVIEW */
+.controls-manager,
+.secondary-monitor-workspaces {
+  spacing: 16px;
+}
+
+#overviewGroup {
+  background-color: #000013;
+  color: #ea00d9;
+}
+#overviewGroup StScrollBar StBin#trough {
+  background-color: rgba(234, 0, 217, 0.2);
+}
+#overviewGroup StScrollBar StButton#vhandle,
+#overviewGroup StScrollBar StButton#hhandle {
+  background-color: rgba(234, 0, 217, 0.5);
+}
+#overviewGroup StScrollBar StButton#vhandle:hover,
+#overviewGroup StScrollBar StButton#hhandle:hover {
+  background-color: rgba(234, 0, 217, 0.6);
+}
+#overviewGroup StScrollBar StButton#vhandle:active,
+#overviewGroup StScrollBar StButton#hhandle:active {
+  background-color: rgba(234, 0, 217, 0.7);
+}
+
+/* Top Bar */
+#panel {
+  transition-duration: 250ms;
+  height: 28px;
+  background-color: #000013;
+  font-weight: bold;
+  font-feature-settings: "tnum";
+}
+#panel #panelLeft,
+#panel #panelCenter {
+  spacing: 0;
+}
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-width: 0;
+  -panel-corner-border-color: transparent;
+  -panel-corner-opacity: 0;
+  transition-duration: 250ms;
+}
+#panel .panel-button {
+  -natural-hpadding: 8px;
+  -minimum-hpadding: 4px;
+  transition-duration: 100ms;
+  border: 0;
+  border-radius: 0;
+  color: rgba(234, 0, 217, 0.7);
+  text-shadow: none;
+  font-weight: bold;
+}
+#panel .panel-button.clock-display .clock {
+  transition-duration: 100ms;
+  border: 0;
+  border-radius: 0;
+}
+#panel .panel-button .system-status-icon,
+#panel .panel-button .app-menu-icon > StIcon,
+#panel .panel-button .popup-menu-arrow {
+  icon-shadow: none;
+}
+#panel .panel-button:hover {
+  box-shadow: none;
+  color: #ea00d9;
+  text-shadow: none;
+}
+#panel .panel-button:hover.clock-display {
+  box-shadow: none;
+}
+#panel .panel-button:hover.clock-display .clock {
+  box-shadow: none;
+}
+#panel .panel-button:hover .system-status-icon,
+#panel .panel-button:hover .app-menu-icon > StIcon,
+#panel .panel-button:hover .popup-menu-arrow {
+  icon-shadow: none;
+}
+#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
+  box-shadow: inset 0 -2px #ea00d9;
+  background-color: rgba(0, 0, 19, 0.01);
+  color: #ea00d9;
+}
+#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display {
+  box-shadow: none;
+  background-color: transparent;
+}
+#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock {
+  box-shadow: inset 0 -2px #ea00d9;
+  background-color: rgba(0, 0, 19, 0.01);
+}
+#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
+  icon-shadow: none;
+}
+#panel .panel-button .system-status-icon {
+  icon-size: 16px;
+  padding: 0 4px;
+  margin: 0 4px;
+}
+#panel .panel-button .panel-status-indicators-box .system-status-icon,
+#panel .panel-button .panel-status-menu-box .system-status-icon {
+  margin: 0;
+}
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+}
+#panel .panel-button#panelActivities {
+  -natural-hpadding: 8px;
+}
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+#panel .screencast-indicator,
+#panel .remote-access-indicator {
+  color: #f57800;
+}
+#panel.unlock-screen, #panel.login-screen, #panel:overview {
+  background-color: transparent;
+}
+#panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel:overview .panel-corner {
+  -panel-corner-opacity: 0;
+}
+#panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel:overview .panel-button {
+  color: rgba(255, 255, 255, 0.7);
+}
+#panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel:overview .panel-button:checked {
+  color: #fff;
+}
+
+#appMenu {
+  spacing: 4px;
+}
+#appMenu .label-shadow {
+  color: transparent;
+}
+#appMenu .panel-status-menu-box {
+  padding: 0;
+  spacing: 4px;
+}
+
+.clock-display-box {
+  spacing: 0;
+}
+.clock-display-box .clock {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/* Activities Ripple */
+.ripple-box {
+  width: 48px;
+  height: 48px;
+  border-radius: 0 0 48px 0;
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.3);
+  background-image: none;
+  background-size: auto;
+}
+.ripple-box:rtl {
+  border-radius: 0 0 0 48px;
+  background-image: none;
+}
+
+/* Window Picker */
+.window-picker {
+  spacing: 8px;
+}
+
+.window-caption {
+  padding: 4px 8px;
+  border-radius: 5px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff;
+}
+
+.window-close {
+  transition-duration: 100ms;
+  height: 32px;
+  width: 32px;
+  padding: 0;
+  border: 0;
+  border-radius: 16px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+  background-color: #ff0000;
+  color: #fff;
+  background-image: url("assets/window-close.svg");
+  background-size: 24px;
+}
+.window-close:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  border-color: transparent;
+  background-color: #ff1f1f;
+  color: #fff;
+}
+.window-close:active {
+  transition-duration: 200ms;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  border-color: transparent;
+  background-color: #ff2929;
+  color: #fff;
+}
+.window-close StIcon {
+  icon-size: 24px;
+  color: transparent;
+}
+
+.workspace-background {
+  border-radius: 30px;
+  background-color: black;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+
+.search-entry {
+  width: 304px;
+  padding: 0 8px;
+  border-radius: 5px 5px 0 0;
+  color: rgba(234, 0, 217, 0.5);
+  selection-background-color: rgba(234, 0, 217, 0.3);
+  selected-color: #ea00d9;
+  transition-duration: 100ms;
+  background-color: rgba(255, 255, 255, 0.04);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.3);
+  margin-top: 16px;
+  margin-bottom: 8px;
+}
+.search-entry:hover {
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.3);
+  color: rgba(234, 0, 217, 0.5);
+}
+.search-entry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #ea00d9;
+  padding: 0 8px;
+  border: 0;
+  color: #ea00d9;
+}
+.search-entry StLabel.hint-text {
+  color: rgba(234, 0, 217, 0.7);
+}
+.search-entry .search-entry-icon {
+  icon-size: 16px;
+  padding: 0 4px;
+  color: rgba(234, 0, 217, 0.7);
+}
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+  color: #ea00d9;
+}
+
+/* App Grid */
+.icon-grid {
+  row-spacing: 12px;
+  column-spacing: 12px;
+  max-row-spacing: 72px;
+  max-column-spacing: 72px;
+  page-padding-top: 24px;
+  page-padding-bottom: 24px;
+  page-padding-left: 12px;
+  page-padding-right: 12px;
+}
+
+/* App Icons */
+.app-well-app .overview-icon,
+.grid-search-result .overview-icon {
+  padding: 6px;
+  border: 0;
+  border-radius: 5px;
+  background-color: transparent;
+  color: inherit;
+  text-align: center;
+  transition-duration: 100ms;
+}
+.app-well-app:focus .overview-icon,
+.grid-search-result:focus .overview-icon {
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.app-well-app:drop .overview-icon, .app-well-app:hover .overview-icon, .app-well-app:selected .overview-icon,
+.grid-search-result:drop .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:selected .overview-icon {
+  border: 0;
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+  color: inherit;
+  transition-duration: 200ms;
+}
+.app-well-app .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 8px;
+  spacing: 0;
+}
+.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
+.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout {
+  spacing: 4px;
+}
+
+/* App Folders */
+.app-well-app.app-folder {
+  border-radius: 5px;
+  background-color: transparent;
+}
+
+.app-folder-dialog {
+  border: 0;
+  border-radius: 5px;
+  background-color: #133e7c;
+  color: #0abdc6;
+  padding: 12px 0;
+}
+.app-folder-dialog .folder-name-container {
+  padding: 24px 36px 0;
+  spacing: 12px;
+}
+.app-folder-dialog .folder-name-container .folder-name-label,
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  font-size: 15pt;
+  font-weight: 500;
+}
+.app-folder-dialog .folder-name-container .folder-name-entry {
+  width: 300px;
+}
+.app-folder-dialog .folder-name-container .folder-name-label {
+  padding: 0 8px;
+  color: inherit;
+}
+.app-folder-dialog .folder-name-container .edit-folder-button {
+  width: 32px;
+  height: 32px;
+  min-width: 0;
+  min-height: 0;
+  padding: 0;
+  border-radius: 16px;
+}
+.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
+  icon-size: 16px;
+}
+.app-folder-dialog .icon-grid {
+  row-spacing: 16px;
+  column-spacing: 32px;
+  page-padding-top: 0;
+  page-padding-bottom: 0;
+  page-padding-left: 0;
+  page-padding-right: 0;
+}
+.app-folder-dialog .page-indicators {
+  margin-bottom: 16px;
+}
+.app-folder-dialog .app-well-app:focus .overview-icon {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon {
+  background-color: rgba(10, 189, 198, 0.16);
+}
+
+.app-folder-dialog-container {
+  padding: 12px;
+  width: 620px;
+  height: 620px;
+}
+
+.app-well-app.app-folder > .overview-icon > StBoxLayout > StBin > StWidget {
+  border-radius: 5px;
+  background-color: rgba(234, 0, 217, 0.08);
+}
+
+.app-well-app-running-dot {
+  height: 2px;
+  width: 32px;
+  margin-bottom: 0;
+  border-radius: 0;
+  background-color: #ea00d9;
+}
+
+.rename-folder-popup .rename-folder-popup-item {
+  spacing: 6px;
+}
+.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
+  padding: 0 12px;
+}
+
+.app-menu,
+.app-well-menu {
+  max-width: 27.25em;
+}
+
+.page-indicator {
+  padding: 8px 12px 0;
+}
+.page-indicator .page-indicator-icon {
+  width: 12px;
+  height: 12px;
+  border-radius: 12px;
+  background-color: #ea00d9;
+}
+
+.apps-scroll-view {
+  padding: 0;
+}
+
+.system-action-icon {
+  icon-size: 48px;
+  border-radius: 9999px;
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: #212121;
+  color: rgba(255, 255, 255, 0.87);
+}
+
+.page-navigation-hint {
+  width: 300px;
+}
+.page-navigation-hint.dnd {
+  background: rgba(234, 0, 217, 0.12);
+}
+.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl {
+  background-gradient-start: rgba(234, 0, 217, 0.08);
+  background-gradient-end: rgba(234, 0, 217, 0.08);
+  background-gradient-direction: horizontal;
+  border-radius: 5px 0 0 5px;
+}
+.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl {
+  background-gradient-start: rgba(234, 0, 217, 0.08);
+  background-gradient-end: rgba(234, 0, 217, 0.08);
+  background-gradient-direction: horizontal;
+  border-radius: 0 5px 5px 0;
+}
+
+.page-navigation-arrow {
+  width: 24px;
+  height: 24px;
+  margin: 6px;
+}
+
+/* Search */
+#searchResultsContent {
+  max-width: 1024px;
+}
+
+#searchResultsContent {
+  padding-left: 16px;
+  padding-right: 16px;
+  spacing: 16px;
+}
+
+.search-section {
+  spacing: 16px;
+}
+.search-section .search-section-separator {
+  height: 1px;
+  background-color: rgba(234, 0, 217, 0.2);
+}
+.search-section:last-child .search-section-separator {
+  height: 0;
+  background-color: transparent;
+}
+
+.search-section-content {
+  spacing: 32px;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: inherit;
+  text-shadow: none;
+}
+
+.search-statustext {
+  font-size: 48px;
+  font-weight: 400;
+  color: rgba(234, 0, 217, 0.5);
+}
+
+.grid-search-results {
+  spacing: 32px;
+}
+
+.search-provider-icon {
+  padding: 6px;
+  border: 0;
+  border-radius: 5px;
+  background-color: transparent;
+  color: inherit;
+  text-align: center;
+  transition-duration: 100ms;
+}
+.search-provider-icon:focus {
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.search-provider-icon:hover, .search-provider-icon:selected {
+  border: 0;
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.search-provider-icon:active, .search-provider-icon:checked {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+  color: inherit;
+  transition-duration: 200ms;
+}
+.search-provider-icon .list-search-provider-content {
+  spacing: 20px;
+}
+.search-provider-icon .list-search-provider-content .list-search-provider-details {
+  width: 150px;
+  margin-top: 0;
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.list-search-results {
+  spacing: 4px;
+}
+
+.list-search-result {
+  padding: 6px;
+  border: 0;
+  border-radius: 5px;
+  background-color: transparent;
+  color: inherit;
+  text-align: center;
+  transition-duration: 100ms;
+}
+.list-search-result:focus {
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.list-search-result:hover, .list-search-result:selected {
+  border: 0;
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.list-search-result:active, .list-search-result:checked {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+  color: inherit;
+  transition-duration: 200ms;
+}
+.list-search-result .list-search-result-content {
+  spacing: 30px;
+}
+.list-search-result .list-search-result-title {
+  spacing: 12px;
+  color: inherit;
+  font-size: 11.25pt;
+  font-weight: 400;
+}
+.list-search-result .list-search-result-description {
+  color: rgba(234, 0, 217, 0.7);
+}
+
+/* Dash */
+#dash {
+  font-size: 1em;
+  margin-top: 0;
+  padding: 12px 12px 0;
+}
+#dash .overview-icon {
+  padding: 6px;
+}
+#dash .placeholder {
+  height: 24px;
+  background-image: url("assets/dash-placeholder.svg");
+  background-size: contain;
+}
+#dash .empty-dash-drop-target {
+  width: 24px;
+  height: 24px;
+}
+
+.dash-background {
+  margin-bottom: 0;
+  padding: 6px 3px;
+  border-radius: 5px 5px 0 0;
+  background-color: rgba(234, 0, 217, 0.08);
+}
+
+.dash-item-container .app-well-app,
+.show-apps {
+  padding: 6px 3px;
+}
+
+.dash-separator {
+  width: 1px;
+  margin: 6px 3px;
+  background-color: rgba(234, 0, 217, 0.3);
+}
+
+.dash-label {
+  padding: 7px 8px;
+  border: 0;
+  border-radius: 5px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  background-color: #133e7c;
+  color: #0abdc6;
+  text-align: center;
+  -y-offset: 8px;
+}
+
+.show-apps {
+  color: rgba(234, 0, 217, 0.7);
+}
+.show-apps .overview-icon {
+  padding: 6px;
+  border: 0;
+  border-radius: 5px;
+  background-color: transparent;
+  color: inherit;
+  text-align: center;
+  transition-duration: 100ms;
+}
+.show-apps:focus .overview-icon {
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.show-apps:drop .overview-icon, .show-apps:hover .overview-icon, .show-apps:selected .overview-icon {
+  border: 0;
+  border-image: none;
+  background-image: none;
+  background-color: rgba(234, 0, 217, 0.12);
+  color: inherit;
+  transition-duration: 0ms;
+}
+.show-apps:active .overview-icon, .show-apps:checked .overview-icon {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+  color: inherit;
+  transition-duration: 200ms;
+}
+.show-apps:checked {
+  color: #ea00d9;
+}
+
+/* Workspace pager */
+.workspace-thumbnails {
+  padding: 0;
+  spacing: 12px;
+}
+.workspace-thumbnails .workspace-thumbnail {
+  transition-duration: 250ms;
+  border: 0;
+  background-color: rgba(234, 0, 217, 0.08);
+  color: #ea00d9;
+  border-radius: 5px;
+}
+.workspace-thumbnails .placeholder {
+  background-image: url("assets/dash-placeholder.svg");
+  background-size: contain;
+  width: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 0 solid #ea00d9;
+  border-radius: 0;
+  padding: 6px;
+  border-bottom-width: 2px;
+}
+
+.select-area-rubberband {
+  border: 1px solid #711c91;
+  background-color: rgba(113, 28, 145, 0.3);
+}
+
+.user-icon {
+  border: 0;
+  border-radius: 9999px;
+  background-size: contain;
+  color: inherit;
+}
+.user-icon:hover {
+  border-color: transparent;
+  color: inherit;
+}
+
+.user-icon {
+  icon-size: 64px;
+}
+.user-icon StIcon {
+  background-color: rgba(10, 189, 198, 0.08);
+  border-radius: 9999px;
+}
+.user-icon StIcon {
+  width: 32px;
+  height: 32px;
+  padding: 16px;
+}
+.user-icon.user-avatar {
+  border: 0;
+}
+
+.user-widget.vertical .user-icon {
+  icon-size: 128px;
+}
+.user-widget.vertical .user-icon StIcon {
+  width: 64px;
+  height: 64px;
+  padding: 32px;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.hidden {
+  color: transparent;
+}
+
+.caps-lock-warning-label {
+  text-align: center;
+  padding-bottom: 8px;
+  font-size: 1em;
+  color: #f57800;
+}
+
+/* Workspace animation */
+.workspace-animation {
+  background-color: #000013;
+}
+
+.ripple-pointer-location {
+  width: 50px;
+  height: 50px;
+  border-radius: 25px;
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+.pie-timer {
+  width: 60px;
+  height: 60px;
+  -pie-border-width: 0;
+  -pie-border-color: transparent;
+  -pie-background-color: rgba(113, 28, 145, 0.6);
+}
+
+.magnifier-zoom-region {
+  border: 2px solid #711c91;
+}
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  border: 1px solid #711c91;
+  background-color: rgba(113, 28, 145, 0.3);
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 0;
+}
+
+/* On-screen Keyboard */
+#keyboard {
+  background-color: rgba(0, 0, 0, 0.3);
+  box-shadow: none;
+}
+#keyboard .page-indicator {
+  padding: 4px;
+}
+#keyboard .page-indicator .page-indicator-icon {
+  width: 8px;
+  height: 8px;
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  min-height: 1.2em;
+  min-width: 1.2em;
+  font-size: 2em;
+  font-weight: 500;
+  border: 0;
+  border-width: 0;
+  border-style: none;
+  border-radius: 5px;
+}
+.keyboard-key, .keyboard-key.default-key {
+  color: #0abdc6;
+  background-color: #133e7c;
+  border-color: transparent;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.keyboard-key:focus, .keyboard-key.default-key:focus {
+  color: #0abdc6;
+  background-color: #124d85;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+.keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
+  color: #0abdc6;
+  background-color: #124d85;
+  border-color: transparent;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  text-shadow: none;
+  icon-shadow: none;
+}
+.keyboard-key:active, .keyboard-key.default-key:active {
+  color: #0abdc6;
+  background-color: #125288;
+  border-color: transparent;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+.keyboard-key:grayed {
+  border-color: transparent;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fff;
+}
+.keyboard-key.enter-key {
+  color: #fff;
+  background-color: #711c91;
+  border-color: transparent;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
+  color: #fff;
+  background-color: #82379e;
+  border-color: transparent;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  text-shadow: none;
+  icon-shadow: none;
+}
+.keyboard-key.enter-key:active {
+  color: #fff;
+  background-color: #8840a3;
+  border-color: transparent;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+.keyboard-key.shift-key-uppercase {
+  color: #711c91;
+}
+.keyboard-key StIcon {
+  icon-size: 32px;
+}
+
+.keyboard-subkeys {
+  -boxpointer-gap: 5px;
+  -arrow-base: 0;
+  -arrow-rise: 0;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-border-radius: 0;
+  -arrow-background-color: transparent;
+  padding: 5px;
+  border-radius: 5px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+.keyboard-subkeys .keyboard-key {
+  border-radius: 5px;
+  color: #711c91;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.keyboard-subkeys .keyboard-key:focus {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.12);
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+.keyboard-subkeys .keyboard-key:active {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+
+.emoji-page .keyboard-key {
+  border: 0;
+  color: rgba(255, 255, 255, 0.7);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.emoji-page .keyboard-key:focus {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.08);
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+.emoji-page .keyboard-key:hover {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.08);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+.emoji-page .keyboard-key:active {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(255, 255, 255, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+
+.emoji-panel .keyboard-key:latched {
+  border-color: transparent;
+  background-color: #711c91;
+  color: #fff;
+}
+
+.word-suggestions {
+  font-size: 11.25pt;
+  font-weight: 400;
+  spacing: 12px;
+  min-height: 20pt;
+}
+
+/* Looking Glass */
+#LookingGlassDialog {
+  spacing: 0;
+  padding: 0;
+  border: 0;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+#LookingGlassDialog > #Toolbar {
+  padding: 0 8px;
+  border: 0;
+  border-radius: 0;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(19, 62, 124, 0.01);
+}
+#LookingGlassDialog .labels {
+  spacing: 0;
+}
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  transition-duration: 100ms;
+  min-height: 32px;
+  padding-left: 32px;
+  padding-right: 32px;
+  border: 0;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: bold;
+}
+#LookingGlassDialog .notebook-tab:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+  color: rgba(10, 189, 198, 0.7);
+  text-shadow: none;
+}
+#LookingGlassDialog .notebook-tab:active {
+  transition-duration: 200ms;
+  background-color: rgba(10, 189, 198, 0.16);
+}
+#LookingGlassDialog .notebook-tab:selected {
+  border: 0;
+  box-shadow: inset 0 -2px #711c91;
+  background-color: rgba(19, 62, 124, 0.01);
+  color: #0abdc6;
+  text-shadow: none;
+}
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 8px;
+  spacing: 4px;
+}
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 4px;
+}
+
+.lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active {
+  color: #711c91;
+}
+.lg-dialog .actor-link, .lg-dialog .actor-link:hover, .lg-dialog .actor-link:active {
+  color: inherit;
+}
+
+.lg-completions-text {
+  font-size: 1em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 4px;
+}
+
+.lg-obj-inspector-button, .lg-obj-inspector-button:hover {
+  border: 0;
+}
+
+#Windows {
+  padding: 8px;
+}
+
+#lookingGlassExtensions {
+  padding: 8px;
+}
+
+.lg-extensions-list {
+  padding: 0;
+  spacing: 6px;
+}
+
+.lg-extension {
+  padding: 4px;
+  border: 0;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.lg-extension-name {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  padding: 6px;
+  border: 0;
+  border-radius: 5px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+
+/* Login Dialog */
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog,
+.unlock-dialog {
+  border: 0;
+  background-color: transparent;
+}
+.login-dialog StEntry,
+.unlock-dialog StEntry {
+  transition-duration: 100ms;
+  background-color: rgba(255, 255, 255, 0.04);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.3);
+  color: #ea00d9;
+  selection-background-color: rgba(234, 0, 217, 0.3);
+  selected-color: #ea00d9;
+}
+.login-dialog StEntry:focus,
+.unlock-dialog StEntry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #ea00d9;
+}
+.login-dialog StEntry:insensitive,
+.unlock-dialog StEntry:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.2);
+  color: rgba(234, 0, 217, 0.5);
+}
+.login-dialog StEntry StLabel.hint-text,
+.unlock-dialog StEntry StLabel.hint-text {
+  color: rgba(234, 0, 217, 0.7);
+}
+.login-dialog StEntry StIcon.peek-password,
+.unlock-dialog StEntry StIcon.peek-password {
+  color: rgba(234, 0, 217, 0.7);
+}
+.login-dialog StEntry StIcon.peek-password:hover,
+.unlock-dialog StEntry StIcon.peek-password:hover {
+  color: #ea00d9;
+}
+.login-dialog .modal-dialog-button-box,
+.unlock-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+.login-dialog .modal-dialog-button,
+.unlock-dialog .modal-dialog-button {
+  color: #711c91;
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.login-dialog .modal-dialog-button:focus,
+.unlock-dialog .modal-dialog-button:focus {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.12);
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+.login-dialog .modal-dialog-button:hover,
+.unlock-dialog .modal-dialog-button:hover {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+.login-dialog .modal-dialog-button:active,
+.unlock-dialog .modal-dialog-button:active {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+.login-dialog .modal-dialog-button:insensitive,
+.unlock-dialog .modal-dialog-button:insensitive {
+  color: rgba(10, 189, 198, 0.3);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+.login-dialog .modal-dialog-button:default,
+.unlock-dialog .modal-dialog-button:default {
+  min-width: 32px;
+  padding: 0 16px;
+  color: #fff;
+  background-color: #711c91;
+  border-color: transparent;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 100ms;
+}
+.login-dialog .modal-dialog-button:default:focus,
+.unlock-dialog .modal-dialog-button:default:focus {
+  color: #fff;
+  background-color: #82379e;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+.login-dialog .modal-dialog-button:default:hover,
+.unlock-dialog .modal-dialog-button:default:hover {
+  color: #fff;
+  background-color: #82379e;
+  border-color: transparent;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+  text-shadow: none;
+  icon-shadow: none;
+}
+.login-dialog .modal-dialog-button:default:active,
+.unlock-dialog .modal-dialog-button:default:active {
+  color: #fff;
+  background-color: #8840a3;
+  border-color: transparent;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  text-shadow: none;
+  icon-shadow: none;
+  transition-duration: 200ms;
+}
+.login-dialog .modal-dialog-button:default:insensitive,
+.unlock-dialog .modal-dialog-button:default:insensitive {
+  color: rgba(234, 0, 217, 0.5);
+  background-color: rgba(234, 0, 217, 0.08);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0;
+}
+
+.login-dialog-banner {
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+  width: 23em;
+}
+
+.login-dialog-message {
+  text-align: center;
+}
+
+.caps-lock-warning-label,
+.login-dialog-message-warning {
+  color: #ff0000;
+}
+
+.login-dialog-message-hint {
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0;
+}
+
+.login-dialog-not-listed-button {
+  transition-duration: 100ms;
+  min-height: 32px;
+  padding: 0 8px;
+  margin-top: 1em;
+  border-radius: 5px;
+  color: rgba(234, 0, 217, 0.7);
+  font-size: 10.5pt;
+  font-weight: 500;
+}
+.login-dialog-not-listed-button:focus {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.login-dialog-not-listed-button:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.login-dialog-not-listed-button:active {
+  transition-duration: 200ms;
+  background-color: rgba(234, 0, 217, 0.16);
+}
+
+.login-dialog-user-list-view {
+  -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+  spacing: 12px;
+  width: 23em;
+}
+.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #ea00d9;
+}
+
+.login-dialog-user-list-item {
+  transition-duration: 100ms;
+  padding: 6px;
+  border-radius: 5px;
+  color: inherit;
+}
+.login-dialog-user-list-item:focus {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.login-dialog-user-list-item:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.login-dialog-user-list-item:active {
+  transition-duration: 200ms;
+  background-color: rgba(234, 0, 217, 0.16);
+}
+.login-dialog-user-list-item:ltr .user-widget {
+  padding-right: 1em;
+}
+.login-dialog-user-list-item:rtl .user-widget {
+  padding-left: 1em;
+}
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #ea00d9;
+}
+
+.login-dialog .user-icon StIcon {
+  background-color: rgba(234, 0, 217, 0.08);
+}
+
+.user-widget-label {
+  color: inherit;
+}
+
+.user-widget.horizontal .user-widget-label {
+  padding-left: 16px;
+  font-size: 15pt;
+  font-weight: 500;
+  text-align: left;
+}
+.user-widget.horizontal .user-widget-label:ltr {
+  padding-left: 14px;
+  text-align: left;
+}
+.user-widget.horizontal .user-widget-label:rtl {
+  padding-right: 14px;
+  text-align: right;
+}
+
+.user-widget.vertical .user-widget-label {
+  padding-top: 16px;
+  font-size: 18pt;
+  font-weight: 400;
+  text-align: center;
+}
+
+.login-dialog-prompt-layout {
+  width: 23em;
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 8px;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(234, 0, 217, 0.7);
+  font-size: 1em;
+  padding-top: 1em;
+}
+
+.cancel-button,
+.switch-user-button,
+.login-dialog-session-list-button {
+  transition-duration: 100ms;
+  width: 32px;
+  height: 32px;
+  min-width: 0;
+  min-height: 0;
+  padding: 0;
+  border-radius: 16px;
+  color: rgba(234, 0, 217, 0.7);
+}
+.cancel-button:focus,
+.switch-user-button:focus,
+.login-dialog-session-list-button:focus {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.cancel-button:hover,
+.switch-user-button:hover,
+.login-dialog-session-list-button:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.cancel-button:active,
+.switch-user-button:active,
+.login-dialog-session-list-button:active {
+  transition-duration: 200ms;
+  background-color: rgba(234, 0, 217, 0.16);
+}
+.cancel-button StIcon,
+.switch-user-button StIcon,
+.login-dialog-session-list-button StIcon {
+  icon-size: 16px;
+}
+
+/* Screen Shield */
+.unlock-dialog-clock {
+  padding-bottom: 2.5em;
+  spacing: 24px;
+  color: #fff;
+  font-weight: normal;
+  text-align: center;
+}
+
+.unlock-dialog-clock-time {
+  padding-top: 42px;
+  font-size: 96px;
+  font-weight: 300;
+  font-feature-settings: "tnum";
+}
+
+.unlock-dialog-clock-date {
+  font-size: 34px;
+  font-weight: 400;
+}
+
+.unlock-dialog-clock-hint {
+  padding-top: 48px;
+  color: rgba(255, 255, 255, 0.7);
+  font-weight: normal;
+}
+
+.unlock-dialog-notifications-container {
+  width: 23em;
+  margin: 12px 0;
+  spacing: 6px;
+  background-color: transparent;
+}
+.unlock-dialog-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.unlock-dialog-notifications-container .notification,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source {
+  padding: 8px;
+  border: 0;
+  border-radius: 5px;
+  background-color: rgba(255, 255, 255, 0.04);
+  color: #fff;
+}
+.unlock-dialog-notifications-container .notification.critical,
+.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical {
+  background-color: rgba(255, 255, 255, 0.04);
+  color: #ff0000;
+}
+
+.unlock-dialog-notification-label {
+  padding: 0 0 0 12px;
+}
+
+.unlock-dialog-notification-count-text {
+  margin-right: 12px;
+  padding: 2px 8px;
+  border-radius: 99px;
+  background-color: rgba(255, 255, 255, 0.08);
+  color: #fff;
+}
+
+#lockDialogGroup {
+  background-color: #000013;
+  color: #ea00d9;
+}
+
+#unlockDialogNotifications StScrollBar StBin#trough {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+#unlockDialogNotifications StScrollBar StButton#vhandle,
+#unlockDialogNotifications StScrollBar StButton#hhandle {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+#unlockDialogNotifications StScrollBar StButton#vhandle:hover,
+#unlockDialogNotifications StScrollBar StButton#hhandle:hover {
+  background-color: rgba(255, 255, 255, 0.6);
+}
+#unlockDialogNotifications StScrollBar StButton#vhandle:active,
+#unlockDialogNotifications StScrollBar StButton#hhandle:active {
+  background-color: rgba(255, 255, 255, 0.7);
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.68);
+}
+
+/* Dash to Dock */
+#dashtodockContainer #dash {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+#dashtodockContainer:overview #dash {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+
+#dashtodockContainer.extended:overview #dash {
+  background-color: transparent;
+}
+
+#dashtodockContainer.left #dash,
+#dashtodockContainer.right #dash {
+  padding: 3px 0;
+}
+
+#dashtodockContainer.top #dash,
+#dashtodockContainer.bottom #dash {
+  padding: 0 3px;
+}
+
+#dashtodockContainer.extended #dash {
+  padding: 0;
+  border-radius: 0;
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget,
+#dashtodockContainer.right .dash-item-container > StWidget,
+#dashtodockContainer.extended.left .dash-item-container > StWidget,
+#dashtodockContainer.extended.right .dash-item-container > StWidget {
+  padding: 3px 6px;
+}
+
+#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
+#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
+  padding: 6px 6px 3px 6px;
+}
+
+#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
+#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
+  padding: 3px 6px 6px 6px;
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget,
+#dashtodockContainer.bottom .dash-item-container > StWidget,
+#dashtodockContainer.extended.top .dash-item-container > StWidget,
+#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
+  padding: 6px 3px;
+}
+
+#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
+#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
+  padding: 6px 3px 6px 6px;
+}
+
+#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
+#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
+  padding: 6px 6px 6px 3px;
+}
+
+#dashtodockContainer .focused .overview-icon {
+  background-color: rgba(255, 255, 255, 0.12);
+}
+
+#dashtodockContainer .default.focused .overview-icon {
+  background-color: transparent;
+}
+
+#dashtodockContainer .app-well-app-running-dot {
+  background-color: transparent;
+}
+
+#dashtodockContainer .default {
+  background-size: cover;
+}
+
+#dashtodockContainer.left .default.running1 {
+  background-image: url("assets/dash/left-running1.svg");
+}
+
+#dashtodockContainer.left .default.running1.focused {
+  background-image: url("assets/dash/left-running1-focused.svg");
+}
+
+#dashtodockContainer.left .default.running2 {
+  background-image: url("assets/dash/left-running2.svg");
+}
+
+#dashtodockContainer.left .default.running2.focused {
+  background-image: url("assets/dash/left-running2-focused.svg");
+}
+
+#dashtodockContainer.left .default.running3 {
+  background-image: url("assets/dash/left-running3.svg");
+}
+
+#dashtodockContainer.left .default.running3.focused {
+  background-image: url("assets/dash/left-running3-focused.svg");
+}
+
+#dashtodockContainer.left .default.running4 {
+  background-image: url("assets/dash/left-running4.svg");
+}
+
+#dashtodockContainer.left .default.running4.focused {
+  background-image: url("assets/dash/left-running4-focused.svg");
+}
+
+#dashtodockContainer.right .default.running1 {
+  background-image: url("assets/dash/right-running1.svg");
+}
+
+#dashtodockContainer.right .default.running1.focused {
+  background-image: url("assets/dash/right-running1-focused.svg");
+}
+
+#dashtodockContainer.right .default.running2 {
+  background-image: url("assets/dash/right-running2.svg");
+}
+
+#dashtodockContainer.right .default.running2.focused {
+  background-image: url("assets/dash/right-running2-focused.svg");
+}
+
+#dashtodockContainer.right .default.running3 {
+  background-image: url("assets/dash/right-running3.svg");
+}
+
+#dashtodockContainer.right .default.running3.focused {
+  background-image: url("assets/dash/right-running3-focused.svg");
+}
+
+#dashtodockContainer.right .default.running4 {
+  background-image: url("assets/dash/right-running4.svg");
+}
+
+#dashtodockContainer.right .default.running4.focused {
+  background-image: url("assets/dash/right-running4-focused.svg");
+}
+
+#dashtodockContainer.top .default.running1 {
+  background-image: url("assets/dash/top-running1.svg");
+}
+
+#dashtodockContainer.top .default.running1.focused {
+  background-image: url("assets/dash/top-running1-focused.svg");
+}
+
+#dashtodockContainer.top .default.running2 {
+  background-image: url("assets/dash/top-running2.svg");
+}
+
+#dashtodockContainer.top .default.running2.focused {
+  background-image: url("assets/dash/top-running2-focused.svg");
+}
+
+#dashtodockContainer.top .default.running3 {
+  background-image: url("assets/dash/top-running3.svg");
+}
+
+#dashtodockContainer.top .default.running3.focused {
+  background-image: url("assets/dash/top-running3-focused.svg");
+}
+
+#dashtodockContainer.top .default.running4 {
+  background-image: url("assets/dash/top-running4.svg");
+}
+
+#dashtodockContainer.top .default.running4.focused {
+  background-image: url("assets/dash/top-running4-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running1 {
+  background-image: url("assets/dash/bottom-running1.svg");
+}
+
+#dashtodockContainer.bottom .default.running1.focused {
+  background-image: url("assets/dash/bottom-running1-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running2 {
+  background-image: url("assets/dash/bottom-running2.svg");
+}
+
+#dashtodockContainer.bottom .default.running2.focused {
+  background-image: url("assets/dash/bottom-running2-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running3 {
+  background-image: url("assets/dash/bottom-running3.svg");
+}
+
+#dashtodockContainer.bottom .default.running3.focused {
+  background-image: url("assets/dash/bottom-running3-focused.svg");
+}
+
+#dashtodockContainer.bottom .default.running4 {
+  background-image: url("assets/dash/bottom-running4.svg");
+}
+
+#dashtodockContainer.bottom .default.running4.focused {
+  background-image: url("assets/dash/bottom-running4-focused.svg");
+}
+
+/* Simple Dock */
+#dash:desktop {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+/* GPaste */
+.popup-menu .search-entry {
+  color: #0abdc6;
+  selection-background-color: rgba(113, 28, 145, 0.6);
+  selected-color: #0abdc6;
+  transition-duration: 100ms;
+  background-color: rgba(10, 189, 198, 0.04);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+}
+.popup-menu .search-entry:hover {
+  box-shadow: inset 0 -1px #0abdc6;
+}
+.popup-menu .search-entry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #711c91;
+  color: #0abdc6;
+}
+.popup-menu .search-entry .search-entry-icon {
+  color: rgba(10, 189, 198, 0.7);
+}
+.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
+  color: #0abdc6;
+}
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/color-pick.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/color-pick.svg
new file mode 100644
index 0000000..2246776
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/color-pick.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <filter id="a" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation=".6"/>
+    </filter>
+  </defs>
+  <path d="M1 1v9a9 9 0 109-9H1z" filter="url(#a)" opacity=".6" transform="translate(0 .5)"/>
+  <path d="M1.5 1.5V10A8.5 8.5 0 1010 1.5H1.5z" stroke="#fff"/>
+  <circle cx="10" cy="10" r="7" fill="#50dbb5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg
new file mode 100644
index 0000000..5267834
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-double-click-symbolic.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="20"
+   id="svg2">
+  <g
+     id="layer1"
+     style="display:inline">
+    <g
+       id="id1"
+       transform="translate(-19,-0.75)">
+      <path
+         style="color:#000000;shape-padding:0;clip-rule:nonzero;display:block;overflow:visible;visibility:visible;opacity:1;solid-color:#000000;solid-opacity:1;fill:#464646;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+         d="m 19.855469,0.45507812 c 0,6.69466128 0,13.38932288 0,20.08398388 1.414713,-1.38151 2.829427,-2.763021 4.24414,-4.144531 0.5882,1.18866 1.158389,2.386561 1.758464,3.569127 1.108631,1.640259 4.157538,0.465128 3.89799,-1.495859 0.01057,-0.470226 -0.405577,-0.908445 -0.434651,-1.313638 0.259401,-0.25321 0.518802,-0.50642 0.778203,-0.75963 0.5882,1.18866 1.158389,2.386561 1.758464,3.569127 1.108631,1.640259 4.157538,0.465128 3.89799,-1.495859 -0.192325,-0.904303 -0.717854,-1.698026 -1.068629,-2.548967 -0.238908,-0.512658 -0.477817,-1.025315 -0.716725,-1.537973 1.755859,0 3.511719,0 5.267578,0 C 34.777352,9.738932 30.31641,5.0970051 25.855469,0.45507812 c 0,2.08138018 0,4.16276048 0,6.24414068 -2,-2.0813802 -4,-4.1627605 -6,-6.24414068 z m 1.5,3.72656248 c 2,2.0813801 4,4.1627603 6,6.2441404 0,-2.0813801 0,-4.1627603 0,-6.2441404 2.786458,2.8997395 5.572917,5.7994789 8.359375,8.6992184 -1.366537,0 -2.733073,0 -4.09961,0 0.883468,1.903435 1.781983,3.800273 2.656081,5.707817 0.0065,0.622781 -1.227555,0.980575 -1.325116,0.207118 -0.80433,-1.640251 -1.608661,-3.280501 -2.412991,-4.920752 -1.020182,0.995443 -2.040365,1.990885 -3.060547,2.986328 0.263642,0.608048 0.596803,1.192457 0.814693,1.816134 -0.182662,0.601037 -1.26833,0.8373 -1.365856,0.06795 -0.796094,-1.623456 -1.592189,-3.246912 -2.388284,-4.870368 -1.059245,1.033854 -2.118489,2.067708 -3.177734,3.101562 -4e-6,-4.265002 -7e-6,-8.5300036 -1.1e-5,-12.7950054 z"
+         id="path5565" />
+    </g>
+    <g
+       id="id2"
+       transform="translate(-25,-0.75)" />
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg
new file mode 100644
index 0000000..be37e6f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-drag-symbolic.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="20"
+   id="svg2">
+  <g
+     id="g835">
+    <path
+       style="color:#000000;shape-padding:0;clip-rule:nonzero;display:block;overflow:visible;visibility:visible;opacity:1;solid-color:#000000;solid-opacity:1;fill:#464646;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+       d="M 10.705078 1.671875 C 9.8685536 1.7465699 8.886927 1.5353073 8.2578125 2.2480469 C 8.0785627 2.7511513 7.8667422 2.9777446 7.3125 2.8652344 C 6.5186841 2.8141575 5.6105879 2.9190179 5.125 3.6386719 C 4.5700923 4.4696324 4.8113194 5.4949043 4.7578125 6.4316406 L 4.7578125 7.9335938 C 4.2480917 7.6156216 3.6258927 7.8015358 3.0585938 7.7519531 C 2.6157606 7.7312277 2.1774807 7.7771069 1.7402344 7.84375 C 1.7971654 10.529678 1.813967 13.217089 1.8613281 15.902344 C 1.9550191 17.204635 3.0933719 18.307155 4.40625 18.326172 C 5.0391993 18.341272 5.8885801 18.332951 6.6308594 18.337891 C 9.8526764 18.325821 13.076973 18.38774 16.296875 18.28125 C 17.459088 18.161027 18.510143 17.092798 18.367188 15.884766 L 18.367188 6.4042969 C 17.660379 5.4636119 16.551912 4.623434 15.308594 4.8339844 C 15.009045 4.3804158 14.822476 3.3608651 14.082031 3.0351562 C 13.727176 2.744118 13.242443 2.9253873 12.822266 2.8730469 C 12.524824 2.8003648 11.966366 3.0655864 11.953125 2.6210938 C 11.795774 2.0995736 11.23789 1.7125276 10.705078 1.671875 z M 10.599609 3.1757812 C 10.764131 3.4472414 10.782382 3.9294982 10.818359 4.3007812 C 10.824915 4.3076775 10.838155 4.3066925 10.845703 4.3125 C 10.836598 4.3123268 10.827465 4.3126732 10.818359 4.3125 L 11.3125 10.212891 L 11.976562 4.3710938 L 13.322266 4.375 C 13.858345 4.7645492 13.735252 5.5154752 13.876953 6.0976562 C 13.865826 6.1651282 13.88335 6.1937019 13.892578 6.234375 C 13.891928 6.2343667 13.891276 6.2343833 13.890625 6.234375 L 13.902344 6.3203125 L 14.384766 10.185547 L 15.048828 6.265625 C 15.622863 6.228498 16.206517 6.3041365 16.607422 6.7675781 C 17.017062 6.9844433 16.823063 7.4565491 16.867188 7.8261719 L 16.867188 16.167969 C 16.530129 17.131654 15.267211 16.71624 14.492188 16.828125 C 11.121671 16.841205 7.7500508 16.861953 4.3808594 16.814453 C 3.4051926 16.786173 3.2389196 15.744474 3.3398438 14.972656 C 3.3282027 13.065594 3.2950998 11.158732 3.2617188 9.2519531 C 3.5880829 9.2584131 3.9376766 9.2391948 4.25 9.2617188 C 4.7438842 10.17694 4.7346154 11.262903 4.7578125 12.277344 C 5.2504494 12.270544 5.8011939 12.317174 6.2578125 12.277344 C 6.2669593 9.7577406 6.2393741 7.2373172 6.2714844 4.71875 C 6.3763823 4.198849 7.0022289 4.409587 7.3828125 4.3652344 L 8.0585938 4.3652344 L 8.546875 10.212891 L 9.2167969 4.3359375 L 9.2128906 4.3359375 C 9.2438386 3.9531035 9.0622615 3.4401006 9.4609375 3.2167969 L 10.599609 3.1757812 z "
+       id="path5630" />
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg
new file mode 100644
index 0000000..f447991
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-primary-click-symbolic.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="20"
+   id="svg2"
+   version="1.1">
+  <g
+     id="layer1"
+     style="display:inline">
+    <g
+       id="id1"
+       transform="translate(-22.25,-0.75)">
+      <path
+         style="color:#000000;shape-padding:0;clip-rule:nonzero;display:block;overflow:visible;visibility:visible;opacity:1;solid-color:#000000;solid-opacity:1;fill:#464646;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+         d="m 25.855469,0.45507812 c 0,6.69466128 0,13.38932288 0,20.08398388 1.414713,-1.380859 2.829427,-2.761719 4.24414,-4.142578 0.612408,1.215372 1.173049,2.460221 1.819709,3.656095 1.141947,1.476279 3.975266,0.389006 3.846009,-1.473608 -0.09413,-0.822519 -0.594755,-1.521423 -0.899969,-2.277599 -0.298869,-0.640171 -0.597739,-1.280342 -0.896608,-1.920513 1.75651,0 3.513021,0 5.269531,0 C 34.777344,9.738932 30.316406,5.0970051 25.855469,0.45507812 Z m 1.5,3.72656248 c 2.786458,2.8997395 5.572917,5.7994789 8.359375,8.6992184 -1.367188,0 -2.734375,0 -4.101563,0 0.885072,1.903196 1.781799,3.80152 2.659622,5.707744 0.0349,0.566084 -1.149057,0.988823 -1.282093,0.297971 -0.818567,-1.671162 -1.637133,-3.342323 -2.455699,-5.013485 -1.059896,1.034505 -2.119791,2.06901 -3.179687,3.103515 1.5e-5,-4.264988 3e-5,-8.5299756 4.5e-5,-12.7949634 z"
+         id="path5565" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg
new file mode 100644
index 0000000..b72e178
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/pointer-secondary-click-symbolic.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="20"
+   height="20"
+   id="svg2">
+  <g
+     id="layer1"
+     style="display:inline;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke:#000000;stroke-opacity:1">
+    <g
+       transform="matrix(-1,0,0,1,42,-0.75)"
+       id="g5847"
+       style="stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke:#000000;stroke-opacity:1">
+      <path
+         style="color:#000000;shape-padding:0;clip-rule:nonzero;display:block;overflow:visible;visibility:visible;opacity:1;solid-color:#000000;solid-opacity:1;fill:#464646;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"
+         d="m 25.855469,0.45507812 c 0,6.69466128 0,13.38932288 0,20.08398388 1.414713,-1.380859 2.829427,-2.761719 4.24414,-4.142578 0.612408,1.215372 1.173049,2.460221 1.819709,3.656095 1.141947,1.476279 3.975266,0.389006 3.846009,-1.473608 -0.09413,-0.822519 -0.594755,-1.521423 -0.899969,-2.277599 -0.298869,-0.640171 -0.597739,-1.280342 -0.896608,-1.920513 1.75651,0 3.513021,0 5.269531,0 C 34.777344,9.738932 30.316406,5.0970051 25.855469,0.45507812 Z m 1.5,3.72656248 c 2.786458,2.8997395 5.572917,5.7994789 8.359375,8.6992184 -1.367188,0 -2.734375,0 -4.101563,0 0.885072,1.903196 1.781799,3.80152 2.659622,5.707744 0.0349,0.566084 -1.149057,0.988823 -1.282093,0.297971 -0.818567,-1.671162 -1.637133,-3.342323 -2.455699,-5.013485 -1.059896,1.034505 -2.119791,2.06901 -3.179687,3.103515 1.5e-5,-4.264988 3e-5,-8.5299756 4.5e-5,-12.7949634 z"
+         id="path5851" />
+    </g>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/preview-close-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/preview-close-symbolic.svg
new file mode 100644
index 0000000..2e4e568
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/actions/preview-close-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M17 8.41L15.59 7 12 10.59 8.41 7 7 8.41 10.59 12 7 15.59 8.41 17 12 13.41 15.59 17 17 15.59 13.41 12z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/carousel-arrow-back-24-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/carousel-arrow-back-24-symbolic.svg
new file mode 100644
index 0000000..bfddded
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/carousel-arrow-back-24-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/carousel-arrow-next-24-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/carousel-arrow-next-24-symbolic.svg
new file mode 100644
index 0000000..beee288
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/carousel-arrow-next-24-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg
new file mode 100644
index 0000000..20c4224
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/eye-not-looking-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M8 2C4.4 2 1.2 4.4 0 8c1.2 3.6 4.4 6 8 6 3.6 0 6.8-2.4 8-6-1.2-3.6-4.4-6-8-6zm0 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg
new file mode 100644
index 0000000..1f9207e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/eye-open-negative-filled-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M2.27 1L1 2.27l1.7 1.7A8.99 8.99 0 000 8c1.2 3.6 4.4 6 8 6 1.34 0 2.63-.34 3.78-.94L13.73 15 15 13.73 2.27 1zM8 2c-.66 0-1.31.08-1.94.24l1.76 1.77a4 4 0 014.17 4.16l2.54 2.54c.62-.8 1.13-1.7 1.47-2.71-1.2-3.6-4.4-6-8-6zM4.6 5.88l1.5 1.5A2 2 0 008.63 9.9l1.49 1.5A4 4 0 014.6 5.88z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg
new file mode 100644
index 0000000..fc6bd93
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-caps-lock-filled-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M8 2.59l-5 5L4.41 9 8 5.41 11.59 9 13 7.59zM3 11v2h10v-2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg
new file mode 100644
index 0000000..91fbb7f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-enter-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M6 3L1 8l5 5 1.41-1.41L4.83 9H15V4h-2v3H4.83l2.58-2.59z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg
new file mode 100644
index 0000000..e8e1117
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-hide-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M2 0a2 2 0 00-2 2v8c0 1.1.9 2 2 2h11a2 2 0 002-2V2a2 2 0 00-2-2zm0 2h2v2H2zm3 0h2v2H5zm3 0h2v2H8zm3 0h2v2h-2zM2 5h2v2H2zm3 0h2v2H5zm3 0h2v2H8zm3 0h2v2h-2zM3 8h9v2H3zm4.5 8l3-3h-6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg
new file mode 100644
index 0000000..80b78e4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-layout-filled-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 2c-.03 0 .03-.02.2.2.2.21.43.63.63 1.19.16.45.29 1 .4 1.61H6.77c.11-.6.24-1.16.4-1.61.2-.56.44-.98.62-1.2.18-.21.24-.19.21-.19zm-2.67.63l-.04.08A12.8 12.8 0 004.73 5H2.81a6 6 0 012.52-2.37zm5.34 0A6 6 0 0113.2 5h-1.92a12.8 12.8 0 00-.56-2.29l-.04-.08zM2.1 7h2.45c-.02.33-.04.66-.04 1 0 .34.02.67.04 1H2.09a6.04 6.04 0 010-2zm4.45 0h2.92c.02.33.04.66.04 1 0 .34-.02.67-.04 1H6.54c-.02-.33-.04-.66-.04-1 0-.34.02-.67.04-1zm4.92 0h2.45a6.04 6.04 0 010 2h-2.45c.02-.33.04-.66.04-1 0-.34-.02-.67-.04-1zm-8.65 4h1.92c.13.84.32 1.61.56 2.29l.04.08A6 6 0 012.8 11zm3.96 0h2.46c-.11.6-.24 1.16-.4 1.61-.2.56-.44.98-.62 1.2-.18.21-.24.19-.21.19s-.03.02-.2-.2a4.11 4.11 0 01-.63-1.19c-.16-.45-.29-1-.4-1.61zm4.5 0h1.92a6 6 0 01-2.52 2.37l.04-.08c.24-.68.43-1.45.56-2.29z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg
new file mode 100644
index 0000000..691eed1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/keyboard-shift-filled-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path d="M4.41 10.41L8 6.83l3.59 3.58L13 9 8 4 3 9z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg
new file mode 100644
index 0000000..5edac8f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/icons/scalable/status/message-indicator-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <rect x="4" y="4" width="8" height="8" ry="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/noise-texture.png b/themes/materia-cyberpunk-neon/gnome-shell/noise-texture.png
new file mode 100644
index 0000000..ca1563d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/noise-texture.png
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/pad-osd.css b/themes/materia-cyberpunk-neon/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..31c2377
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/pad-osd.css
@@ -0,0 +1,30 @@
+.Leader {
+    stroke-width: .5 !important;
+    stroke: #535353;
+    fill: none !important;
+}
+
+.Button {
+    stroke-width: .25;
+    stroke: #ededed;
+    fill: #ededed;
+}
+
+.Ring {
+    stroke-width: .5 !important;
+    stroke: #535353 !important;
+    fill: none !important;
+}
+
+.Label {
+    stroke: none !important;
+    stroke-width: .1 !important;
+    font-size: .1 !important;
+    fill: transparent !important;
+}
+
+.TouchStrip, .TouchRing {
+    stroke-width: .1 !important;
+    stroke: #ededed !important;
+    fill: #535353 !important;
+}
diff --git a/themes/materia-cyberpunk-neon/gnome-shell/process-working.svg b/themes/materia-cyberpunk-neon/gnome-shell/process-working.svg
new file mode 100644
index 0000000..9a02068
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gnome-shell/process-working.svg
@@ -0,0 +1,72 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="32" viewBox="0 0 512 32">
+  <defs>
+    <g id="g" fill="#0abdc6" fill-opacity=".7">
+      <circle cx="8" cy="8" r="8" fill="none"/>
+      <path d="M8 1a7 7 0 0 0-7 7 7 7 0 0 0 7 7 7 7 0 0 0 7-7h-3a4 4 0 0 1-4 4 4 4 0 0 1-4-4 4 4 0 0 1 4-4V1z"/>
+    </g>
+  </defs>
+  <use xlink:href="#g" transform="translate(0) rotate(0 8 8)"/>
+  <use xlink:href="#g" transform="translate(16) rotate(5.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(32) rotate(11.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(48) rotate(16.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(64) rotate(22.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(80) rotate(28.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(96) rotate(33.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(112) rotate(39.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(128) rotate(45 8 8)"/>
+  <use xlink:href="#g" transform="translate(144) rotate(50.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(160) rotate(56.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(176) rotate(61.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(192) rotate(67.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(208) rotate(73.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(224) rotate(78.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(240) rotate(84.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(256) rotate(90 8 8)"/>
+  <use xlink:href="#g" transform="translate(272) rotate(95.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(288) rotate(101.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(304) rotate(106.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(320) rotate(112.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(336) rotate(118.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(352) rotate(123.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(368) rotate(129.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(384) rotate(135 8 8)"/>
+  <use xlink:href="#g" transform="translate(400) rotate(140.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(416) rotate(146.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(432) rotate(151.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(448) rotate(157.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(464) rotate(163.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(480) rotate(168.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(496) rotate(174.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(0 16) rotate(180 8 8)"/>
+  <use xlink:href="#g" transform="translate(16 16) rotate(185.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(32 16) rotate(191.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(48 16) rotate(196.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(64 16) rotate(202.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(80 16) rotate(208.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(96 16) rotate(213.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(112 16) rotate(219.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(128 16) rotate(225 8 8)"/>
+  <use xlink:href="#g" transform="translate(144 16) rotate(230.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(160 16) rotate(236.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(176 16) rotate(241.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(192 16) rotate(247.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(208 16) rotate(253.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(224 16) rotate(258.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(240 16) rotate(264.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(256 16) rotate(270 8 8)"/>
+  <use xlink:href="#g" transform="translate(272 16) rotate(275.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(288 16) rotate(281.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(304 16) rotate(286.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(320 16) rotate(292.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(336 16) rotate(298.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(352 16) rotate(303.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(368 16) rotate(309.375 8 8)"/>
+  <use xlink:href="#g" transform="translate(384 16) rotate(315 8 8)"/>
+  <use xlink:href="#g" transform="translate(400 16) rotate(320.625 8 8)"/>
+  <use xlink:href="#g" transform="translate(416 16) rotate(326.25 8 8)"/>
+  <use xlink:href="#g" transform="translate(432 16) rotate(331.875 8 8)"/>
+  <use xlink:href="#g" transform="translate(448 16) rotate(337.5 8 8)"/>
+  <use xlink:href="#g" transform="translate(464 16) rotate(343.125 8 8)"/>
+  <use xlink:href="#g" transform="translate(480 16) rotate(348.75 8 8)"/>
+  <use xlink:href="#g" transform="translate(496 16) rotate(354.375 8 8)"/>
+</svg>