Cyberpunk NeonHEADmaster

518 files changed, 21984 insertions, 0 deletions

diff --git a/themes/materia-cyberpunk-neon/COPYING b/themes/materia-cyberpunk-neon/COPYING
new file mode 100644
index 0000000..d159169
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/COPYING
@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.
diff --git a/themes/materia-cyberpunk-neon/INSTALL_GDM_THEME.md b/themes/materia-cyberpunk-neon/INSTALL_GDM_THEME.md
new file mode 100644
index 0000000..58e0708
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/INSTALL_GDM_THEME.md
@@ -0,0 +1,47 @@
+# How to change the GDM theme
+
+To change the GDM (lock/login screen) theme, you need to replace the system's _default_ GNOME Shell theme.
+
+## :warning: Cautions :warning:
+
+- If the replacement fails, your desktop environment will not work properly. So please **be careful** if doing this.
+- When applying this, other third-party GNOME Shell themes would look broken until you restore to the original theme.
+- If GNOME Shell has been updated and restored to the original theme, you will need to install this again.
+  > Tip: On Arch Linux, you can automatically reinstall the GDM theme by creating a [hook](https://wiki.archlinux.org/index.php/Pacman#Hooks) file. For example, if you use Materia-compact as your GDM theme, put [this file](https://gist.github.com/looselyrigorous/a1aa931ce48627cc39daccc9253b30c7) in the `/usr/share/libalpm/hooks/` directory.
+
+## Requirements
+
+- `glib-compile-resources` — The package name depends on the distro.
+  - `glib2` (Arch Linux)
+  - `glib2-devel` (Fedora, openSUSE, etc.)
+  - `libglib2.0-dev-bin` (Debian, Ubuntu, etc.)
+- `libxml2-utils` — Ubuntu users only.
+
+## Installation
+
+1. **Back up** the original theme file first. If you are already using a custom GDM theme, skip this:
+
+  ```sh
+  sudo cp -av /usr/share/gnome-shell/gnome-shell-theme.gresource{,~}
+  ```
+
+2. Select a **GTK** theme to decide which variant to install.
+3. Replace the default theme file:
+
+  ```sh
+  THEME_NAME="$(gsettings get org.gnome.desktop.interface gtk-theme | sed "s/'//g")"
+  THEME_SRC_DIR="/usr/share/themes/$THEME_NAME/gnome-shell"
+  sudo glib-compile-resources --target="/usr/share/gnome-shell/gnome-shell-theme.gresource" --sourcedir="$THEME_SRC_DIR" "$THEME_SRC_DIR/gnome-shell-theme.gresource.xml"
+  ```
+
+4. Reload the theme. If you are running GNOME Shell, press <kbd>Alt</kbd> + <kbd>F2</kbd> then type `rt`.
+
+## Uninstallation
+
+1. Restore to the original theme file from the backup:
+
+  ```sh
+  sudo mv -v /usr/share/gnome-shell/gnome-shell-theme.gresource{~,}
+  ```
+
+2. Reload the theme. If you are running GNOME Shell, press <kbd>Alt</kbd> + <kbd>F2</kbd> then type `rt`.
diff --git a/themes/materia-cyberpunk-neon/chrome/chrome-scrollbar.crx b/themes/materia-cyberpunk-neon/chrome/chrome-scrollbar.crx
new file mode 100644
index 0000000..b1d77c7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/chrome/chrome-scrollbar.crx
diff --git a/themes/materia-cyberpunk-neon/chrome/chrome-theme.crx b/themes/materia-cyberpunk-neon/chrome/chrome-theme.crx
new file mode 100644
index 0000000..a89287a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/chrome/chrome-theme.crx
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace-active.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..d16bdb7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="200">
+  <defs>
+    <filter id="a" x="-.5" y="-.5" width="2" height="2" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="1.65"/>
+    </filter>
+  </defs>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#000000" fill-opacity=".4" filter="url(#a)" transform="translate(0 1)"/>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#1967d2"/>
+  <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#0abdc6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace-hover.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..6addf58
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="200">
+  <defs>
+    <filter id="a" x="-.5" y="-.5" width="2" height="2" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="1.65"/>
+    </filter>
+  </defs>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#000000" fill-opacity=".4" filter="url(#a)" transform="translate(0 1)"/>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#0abdc6"/>
+  <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#000000" fill-opacity=".87"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..edd5ec9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="35" height="200">
+  <defs>
+    <filter id="a" x="-.5" y="-.5" width="2" height="2" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation="1.1"/>
+    </filter>
+  </defs>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#000000" fill-opacity=".3" filter="url(#a)" transform="translate(0 1)"/>
+  <path d="M7 5h28v190H7a2 2 0 01-2-2V7c0-1.1.9-2 2-2z" fill="#0abdc6"/>
+  <path d="M18 94a1 1 0 00-1 1v4h-4a1 1 0 100 2h4v4a1 1 0 102 0v-4h4a1 1 0 100-2h-4v-4a1 1 0 00-1-1zm8 6a8 8 0 01-8 8 8 8 0 01-8-8 8 8 0 018-8 8 8 0 018 8z" fill="#000000" fill-opacity=".87"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/calendar-arrow-left.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..5448aac
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/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="#000000" fill-opacity=".6">
+  <path d="M10 3v10L5 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/calendar-arrow-right.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..f089edb
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/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="#000000" fill-opacity=".6">
+  <path d="M6 3v10l5-5z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/checkbox-off.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..54317fd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/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="#000000" 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/cinnamon/assets/checkbox.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..c2473a4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/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="#1967d2">
+  <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/cinnamon/assets/corner-ripple.png b/themes/materia-cyberpunk-neon/cinnamon/assets/corner-ripple.png
new file mode 100644
index 0000000..35d95ff
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/corner-ripple.png
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/radiobutton-off.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..43467e8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/radiobutton-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#000000" fill-opacity=".6">
+  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/radiobutton.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..772feeb
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/radiobutton.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#1967d2">
+  <path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/toggle-off.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..ae54672
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/toggle-off.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
+  <rect x="2" y="2" width="36" height="16" ry="8" fill="#000000" fill-opacity=".26"/>
+  <circle cx="10" cy="10" r="6" fill="#0abdc6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/toggle-on.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..53d0a00
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/toggle-on.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="20" viewBox="0 0 40 20">
+  <rect x="2" y="2" width="36" height="16" ry="8" fill="#1967d2"/>
+  <circle cx="30" cy="10" r="6" fill="#0abdc6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/trash-icon.png b/themes/materia-cyberpunk-neon/cinnamon/assets/trash-icon.png
new file mode 100644
index 0000000..270fe2e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/trash-icon.png
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/window-close-active.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/window-close-active.svg
new file mode 100644
index 0000000..cd04737
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/window-close-active.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
+  <circle cx="18" cy="18" r="18" fill="#d93025"/>
+  <circle cx="18" cy="18" r="18" fill="#0abdc6" fill-opacity=".08"/>
+  <circle cx="18" cy="18" r="18" fill="#0abdc6" fill-opacity=".16"/>
+  <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#0abdc6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/window-close-hover.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/window-close-hover.svg
new file mode 100644
index 0000000..5f3440c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/window-close-hover.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
+  <circle cx="18" cy="18" r="18" fill="#d93025"/>
+  <circle cx="18" cy="18" r="18" fill="#0abdc6" fill-opacity=".08"/>
+  <circle cx="18" cy="18" r="18" fill="#0abdc6" fill-opacity="0"/>
+  <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#0abdc6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/assets/window-close.svg b/themes/materia-cyberpunk-neon/cinnamon/assets/window-close.svg
new file mode 100644
index 0000000..3940f8b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/assets/window-close.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
+  <circle cx="18" cy="18" r="18" fill="#d93025"/>
+  <circle cx="18" cy="18" r="18" fill="#0abdc6" fill-opacity="0"/>
+  <circle cx="18" cy="18" r="18" fill="#0abdc6" fill-opacity="0"/>
+  <path d="M23 14.41L21.59 13 18 16.59 14.41 13 13 14.41 16.59 18 13 21.59 14.41 23 18 19.41 21.59 23 23 21.59 19.41 18z" fill="#0abdc6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/cinnamon/cinnamon.css b/themes/materia-cyberpunk-neon/cinnamon/cinnamon.css
new file mode 100644
index 0000000..3e1a861
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/cinnamon.css
@@ -0,0 +1,1711 @@
+.notification-button, .modal-dialog-button {
+  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;
+  font-size: 10.5pt;
+  font-weight: 500;
+  min-height: 32px;
+  padding: 0 16px;
+  border-radius: 5px;
+}
+.notification-button:focus, .modal-dialog-button:focus {
+  color: #0abdc6;
+  background-color: #124d85;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+.notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button: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;
+}
+.notification-button:active, .modal-dialog-button: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;
+}
+.notification-button:insensitive, .modal-dialog-button:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+  background-color: rgba(10, 189, 198, 0.08);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.notification-icon-button, .keyboard-key, .sound-player StButton {
+  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;
+  min-height: 32px;
+  min-width: 32px;
+  padding: 6px;
+  border-radius: 5px;
+}
+.notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus {
+  color: #0abdc6;
+  background-color: #124d85;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+.notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton: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;
+}
+.notification-icon-button:active, .keyboard-key:active, .sound-player StButton: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;
+}
+.notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+  background-color: rgba(10, 189, 198, 0.08);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.slider, .popup-slider-menu-item, .sound-player .slider {
+  height: 20px;
+  color: #711c91;
+  -slider-height: 2px;
+  -slider-background-color: rgba(10, 189, 198, 0.3);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #711c91;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 6px;
+}
+
+.separator, .popup-separator-menu-item {
+  -gradient-height: 1px;
+  -gradient-start: rgba(10, 189, 198, 0.2);
+  -gradient-end: rgba(10, 189, 198, 0.2);
+  -margin-horizontal: 4px;
+  height: 1.5em;
+}
+
+#notification StEntry, .run-dialog-entry, #menu-search-entry {
+  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);
+  width: 250px;
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 5px 5px 0 0;
+  color: #0abdc6;
+  caret-color: #0abdc6;
+  selection-background-color: rgba(113, 28, 145, 0.6);
+  selected-color: #0abdc6;
+}
+#notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #711c91;
+  padding: 0 8px;
+  border-width: 0;
+  color: #0abdc6;
+}
+
+.desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box {
+  color: #0abdc6;
+  border: none;
+  padding: 12px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+}
+
+.calendar-change-month-back, .calendar-change-month-forward {
+  width: 16px;
+  height: 16px;
+  border-radius: 999px;
+  transition-duration: 100ms;
+}
+.calendar-change-month-back:active, .calendar-change-month-forward:active {
+  background-color: rgba(10, 189, 198, 0.3);
+}
+
+.menu, .popup-combo-menu {
+  background-color: #133e7c;
+  border-radius: 5px;
+  color: #0abdc6;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+
+.menu-application-button-label:ltr, .menu-category-button-label:ltr {
+  padding-left: 4px;
+}
+.menu-application-button-label:rtl, .menu-category-button-label:rtl {
+  padding-right: 4px;
+}
+
+.show-processes-dialog-subject, .mount-question-dialog-subject {
+  font-weight: bold;
+  color: #0abdc6;
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+}
+
+.show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl {
+  padding-left: 0;
+  padding-right: 17px;
+}
+
+.show-processes-dialog-description, .mount-question-dialog-description {
+  color: #0abdc6;
+  padding-left: 17px;
+  width: 28em;
+}
+
+.check-box StBin, .check-box:focus StBin {
+  width: 24px;
+  height: 24px;
+  padding: 4px;
+  border-radius: 100px;
+  background-image: url(assets/checkbox-off.svg);
+}
+
+.radiobutton StBin, .radiobutton:focus StBin {
+  width: 20px;
+  height: 20px;
+  padding: 6px;
+  border-radius: 100px;
+  background-image: url(assets/radiobutton-off.svg);
+}
+
+.tile-preview, .tile-hud {
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 2px solid rgba(10, 189, 198, 0.2);
+}
+
+.tile-preview.snap, .tile-hud.snap {
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 2px solid #711c91;
+}
+
+#LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window, .overview-empty-placeholder, .info-osd, .workspace-osd {
+  color: #0abdc6;
+  background-color: #133e7c;
+  border: none;
+  border-radius: 5px;
+  padding: 12px;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+}
+
+.overview-empty-placeholder, .info-osd, .workspace-osd {
+  font-size: 15pt;
+  font-weight: 500;
+  text-align: center;
+  padding: 8px 10px;
+}
+
+stage {
+  font-size: 10.5pt;
+  font-weight: 400;
+  font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
+  color: #0abdc6;
+}
+
+.cinnamon-link {
+  color: #711c91;
+  font-style: italic;
+}
+.cinnamon-link:hover {
+  color: #711c91;
+}
+
+.label-shadow {
+  color: transparent;
+}
+
+StScrollBar {
+  padding: 0px;
+}
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  background-color: rgba(10, 189, 198, 0.5);
+  border-radius: 100px;
+  margin: 4px;
+}
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: rgba(10, 189, 198, 0.7);
+}
+StScrollBar StBin#trough {
+  margin: 4px;
+  border-radius: 100px;
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+StScrollView.vfade {
+  -st-vfade-offset: 32px;
+}
+StScrollView.hfade {
+  -st-hfade-offset: 32px;
+}
+StScrollView StScrollBar {
+  min-width: 16px;
+  min-height: 16px;
+}
+
+#Tooltip {
+  font-size: 9pt;
+  font-weight: 400;
+  padding: 6px 8px;
+  color: #ea00d9;
+  text-align: center;
+  border-radius: 5px;
+  background-color: rgba(9, 24, 51, 0.9);
+}
+
+.menu {
+  min-width: 100px;
+  margin: 4px;
+}
+
+.menu-top-box {
+  spacing: 5px;
+}
+
+.menu-systembuttons-box {
+  padding: 10px;
+}
+
+.popup-sub-menu {
+  background-color: rgba(10, 189, 198, 0.04);
+}
+
+.popup-menu-arrow {
+  icon-size: 1.14em;
+}
+
+.popup-combo-menu {
+  padding: 8px 0;
+}
+
+.popup-menu-content {
+  padding: 8px 0;
+}
+
+.popup-menu-item {
+  padding: 0.4em 16px;
+  spacing: 8px;
+  transition-duration: 100ms;
+}
+.popup-menu-item:active {
+  background-color: rgba(10, 189, 198, 0.12);
+  color: #0abdc6;
+  transition-duration: 0ms;
+}
+.popup-menu-item:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+.popup-image-menu-item {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.popup-combobox-item {
+  padding: 0.4em 16px;
+}
+
+.popup-device-menu-item {
+  spacing: 0.5em;
+}
+
+.popup-inactive-menu-item {
+  color: #0abdc6;
+}
+.popup-inactive-menu-item:insensitive {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+.popup-subtitle-menu-item {
+  font-size: 10.5pt;
+  font-weight: 500;
+}
+
+.popup-menu-icon {
+  icon-size: 1.14em;
+}
+
+.popup-alternating-menu-item:alternate {
+  font-size: 10.5pt;
+  font-weight: 500;
+}
+
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+}
+
+.toggle-switch-us, .toggle-switch-intl {
+  background-image: url(assets/toggle-off.svg);
+}
+.toggle-switch-us:checked, .toggle-switch-intl:checked {
+  background-image: url(assets/toggle-on.svg);
+}
+
+.nm-menu-item-icons {
+  spacing: 0.5em;
+  icon-size: 1.14em;
+}
+
+#panel {
+  color: rgba(234, 0, 217, 0.7);
+  background-color: rgba(0, 0, 0, 0.6);
+  height: 2.5em;
+  width: 3.2em;
+}
+#panel:highlight {
+  background-color: rgba(234, 0, 217, 0.3);
+}
+
+.panel-dummy {
+  background-color: rgba(255, 0, 0, 0.6);
+}
+.panel-dummy:entered {
+  background-color: rgba(0, 255, 0, 0.6);
+}
+
+.panelLeft {
+  spacing: 4px;
+}
+.panelLeft:dnd {
+  background-color: rgba(255, 0, 0, 0.6);
+}
+.panelLeft:ltr {
+  padding-right: 4px;
+}
+.panelLeft:rtl {
+  padding-left: 4px;
+}
+.panelLeft.vertical {
+  padding: 0;
+}
+.panelCenter {
+  spacing: 4px;
+}
+.panelCenter:dnd {
+  background-color: rgba(0, 255, 0, 0.6);
+}
+.panelCenter.vertical {
+  padding-left: 0;
+  padding-right: 0;
+}
+.panelRight {
+  spacing: 4px;
+}
+.panelRight:dnd {
+  background-color: rgba(0, 0, 255, 0.6);
+}
+.panelRight:ltr {
+  padding-left: 0;
+  spacing: 0;
+}
+.panelRight:rtl {
+  padding-right: 0;
+  spacing: 0;
+}
+.panelRight.vertical {
+  padding: 0;
+}
+.panel-top .window-list-item-box:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .grouped-window-list-item-box:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .grouped-window-list-item-box:focus:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .grouped-window-list-badge {
+  margin-top: 2px;
+}
+.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button {
+  padding: 1px 4px;
+}
+.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .applet-box {
+  padding: 0 4px;
+}
+.panel-top .applet-box:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .panel-launchers .launcher:hover {
+  box-shadow: 0 3px 0 0 #711c91 inset;
+}
+.panel-top .applet-separator {
+  padding: 3px 4px;
+}
+.panel-top .systray:hover {
+  box-shadow: 0 4px 0 0 #711c91 inset;
+}
+
+.panel-bottom .window-list-item-box:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .grouped-window-list-item-box:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .grouped-window-list-item-box:focus:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
+  padding: 1px 4px;
+}
+.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .applet-box {
+  padding: 0 4px;
+}
+.panel-bottom .applet-box:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .panel-launchers .launcher:hover {
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+.panel-bottom .applet-separator {
+  padding: 3px 4px;
+}
+.panel-bottom .systray:hover {
+  box-shadow: 0 4px 0 0 #711c91 inset;
+}
+
+.panel-left .window-list-item-box:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .grouped-window-list-item-box:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .grouped-window-list-item-box:focus:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .grouped-window-list-badge {
+  margin-left: 2px;
+}
+.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
+  padding: 4px 1px;
+  min-height: 1.2em;
+}
+.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .applet-box {
+  padding: 4px 0;
+}
+.panel-left .applet-box:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .panel-launchers .launcher:hover {
+  box-shadow: 3px 0 0 0 #711c91 inset;
+}
+.panel-left .applet-separator {
+  padding: 4px 3px;
+}
+.panel-left .systray:hover {
+  box-shadow: 4px 0 0 0 #711c91 inset;
+}
+
+.panel-right .window-list-item-box:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .grouped-window-list-item-box:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .grouped-window-list-item-box:focus:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
+  padding: 4px 1px;
+  min-height: 1.2em;
+}
+.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .applet-box {
+  padding: 4px 0;
+}
+.panel-right .applet-box:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .panel-launchers .launcher:hover {
+  box-shadow: -3px 0 0 0 #711c91 inset;
+}
+.panel-right .applet-separator {
+  padding: 4px 3px;
+}
+.panel-right .systray:hover {
+  box-shadow: -4px 0 0 0 #711c91 inset;
+}
+
+.panel-status-button {
+  font-size: 10.5pt;
+  font-weight: 500;
+  -natural-hpadding: 4px;
+  -minimum-hpadding: 4px;
+  color: rgba(234, 0, 217, 0.7);
+}
+.panel-status-button:hover {
+  color: #ea00d9;
+}
+
+.system-status-icon {
+  icon-size: 1.14em;
+  padding: 0;
+  spacing: 0;
+}
+.system-status-icon.warning {
+  color: #f57800;
+}
+.system-status-icon.error {
+  color: #ff0000;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  font-size: 9pt;
+  font-weight: 400;
+  background-color: rgba(0, 0, 0, 0.01);
+  color: rgba(234, 0, 217, 0.7);
+  padding: 4px 6px;
+  text-align: center;
+  height: 1.5em;
+  -cinnamon-caption-spacing: 12px;
+}
+.window-caption#selected, .window-caption:focus {
+  color: #ea00d9;
+  box-shadow: 0 -3px 0 0 #711c91 inset;
+}
+
+.workspace-controls {
+  visible-height: 32px;
+}
+
+.workspace-thumbnails-background {
+  color: rgba(234, 0, 217, 0.7);
+  background-color: rgba(255, 255, 255, 0.08);
+  border: none;
+  padding: 8px;
+  border-radius: 5px 0 0 5px;
+}
+.workspace-thumbnails-background:rtl {
+  border-radius: 0 5px 5px 0;
+}
+
+.workspace-thumbnails {
+  spacing: 32px;
+}
+
+.workspace-add-button {
+  background-image: url(assets/add-workspace.svg);
+  height: 200px;
+  width: 35px;
+  transition-duration: 100ms;
+}
+.workspace-add-button:hover {
+  background-image: url(assets/add-workspace-hover.svg);
+}
+.workspace-add-button:active {
+  background-image: url(assets/add-workspace-active.svg);
+}
+
+.workspace-close-button, .window-close {
+  background-image: url(assets/window-close.svg);
+  height: 32px;
+  width: 32px;
+  -cinnamon-close-overlap: 20px;
+}
+.workspace-close-button:hover, .window-close:hover {
+  background-image: url(assets/window-close-hover.svg);
+}
+.workspace-close-button:active, .window-close:active {
+  background-image: url(assets/window-close-active.svg);
+}
+.workspace-close-button:rtl, .window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.window-border {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+.window-close-area {
+  background-image: url(assets/trash-icon.png);
+  background-size: 100px;
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  border-bottom-width: 0;
+  border-radius: 20px 20px 0 0;
+  height: 120px;
+  width: 400px;
+}
+
+.expo-background {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.workspace-overview-background-shade {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.expo-workspace-thumbnail-frame {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+}
+.expo-workspace-thumbnail-frame#active {
+  border: 1px solid #711c91;
+}
+
+#LookingGlassDialog {
+  spacing: 4px;
+  padding: 8px;
+}
+
+.calendar {
+  padding: 4px 8px;
+  spacing-rows: 2px;
+  spacing-columns: 4px;
+}
+
+.datemenu-date-label {
+  font-size: 15pt;
+  font-weight: 500;
+  height: 24px;
+  margin: 2px;
+  padding: 6px 16px;
+  border-radius: 5px;
+  color: #0abdc6;
+  text-align: center;
+}
+.datemenu-date-label:focus {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+.calendar-month-label {
+  font-size: 10.5pt;
+  font-weight: 500;
+  height: 16px;
+  margin: 2px;
+  padding: 6px 16px;
+  border-radius: 5px;
+  color: #0abdc6;
+  text-align: center;
+}
+.calendar-month-label:focus {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+.calendar-change-month-back {
+  background-image: url(assets/calendar-arrow-left.svg);
+}
+.calendar-change-month-back:rtl {
+  background-image: url(assets/calendar-arrow-right.svg);
+}
+
+.calendar-change-month-forward {
+  background-image: url(assets/calendar-arrow-right.svg);
+}
+.calendar-change-month-forward:rtl {
+  background-image: url(assets/calendar-arrow-left.svg);
+}
+
+.calendar-day-base {
+  font-size: 9pt;
+  font-weight: 400;
+  text-align: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  margin: 2px;
+  border-radius: 100px;
+}
+.calendar-day-base:hover, .calendar-day-base:focus {
+  background-color: rgba(234, 0, 217, 0.3);
+}
+.calendar-day-base:active {
+  color: #fff;
+  background-color: #711c91;
+  border-color: transparent;
+}
+
+.calendar-week-number {
+  font-size: 9pt;
+  font-weight: 400;
+  width: 21px;
+  height: 28px;
+  margin: 2px;
+  padding: 0;
+  border-radius: 100px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.5);
+  text-align: center;
+}
+
+.calendar-day-heading {
+  font-size: 9pt;
+  font-weight: 400;
+  width: 28px;
+  height: 21px;
+  margin: 2px;
+  padding: 0;
+  border-radius: 100px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.5);
+  text-align: center;
+}
+
+.calendar-day {
+  border-width: 0;
+}
+
+.calendar-day-top {
+  border-top-width: 0;
+}
+
+.calendar-day-left {
+  border-left-width: 0;
+}
+
+.calendar-nonwork-day {
+  color: #0abdc6;
+}
+
+.calendar-today {
+  font-weight: bold;
+  border: none;
+}
+
+.calendar-day-with-events {
+  color: #711c91;
+  font-weight: normal;
+  text-decoration: underline;
+  background-image: none;
+}
+
+.calendar-other-month-day {
+  color: rgba(10, 189, 198, 0.3);
+  opacity: 0.5;
+}
+
+.calendar-week-number {
+  width: 28px;
+  height: 21px;
+  margin: 2px;
+  padding: 7px 0 0;
+  border-radius: 100px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+#notification {
+  background-color: #133e7c;
+  border-radius: 5px;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  padding: 8px;
+  spacing-rows: 4px;
+  spacing-columns: 8px;
+  margin-from-right-edge-of-screen: 20px;
+  width: 34em;
+  color: #0abdc6;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+#notification.multi-line-notification {
+  padding-bottom: 8px;
+}
+#notification .url-highlighter {
+  link-color: #711c91;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #0abdc6;
+}
+
+#notification-scrollview {
+  max-height: 10em;
+}
+#notification-scrollview > .top-shadow {
+  height: 1em;
+}
+#notification-scrollview > .bottom-shadow {
+  height: 1em;
+}
+#notification-scrollview:ltr > StScrollBar {
+  padding-left: 6px;
+}
+#notification-scrollview:rtl > StScrollBar {
+  padding-right: 6px;
+}
+
+#notification-body {
+  spacing: 4px;
+}
+
+#notification-actions {
+  spacing: 8px;
+}
+
+.notification-icon-button > StIcon {
+  icon-size: 1.5em;
+}
+
+#altTabPopup {
+  padding: 8px;
+  spacing: 16px;
+}
+
+.switcher-list {
+  transition-duration: 100ms;
+}
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 5px;
+}
+.switcher-list .item-box:selected {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+.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-list-item-container {
+  spacing: 8px;
+}
+
+.thumbnail-scroll-gradient-left {
+  background-gradient-direction: horizontal;
+  background-gradient-start: #333333;
+  background-gradient-end: rgba(51, 51, 51, 0);
+  border-radius: 5px;
+  border-radius-topright: 0;
+  border-radius-bottomright: 0;
+  width: 60px;
+}
+
+.thumbnail-scroll-gradient-right {
+  background-gradient-direction: horizontal;
+  background-gradient-start: rgba(51, 51, 51, 0);
+  background-gradient-end: #333333;
+  border-radius: 5px;
+  border-radius-topleft: 0;
+  border-radius-bottomleft: 0;
+  width: 60px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(10, 189, 198, 0.7);
+}
+.switcher-arrow:highlighted {
+  color: #0abdc6;
+}
+
+.switcher-preview-backdrop {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.ripple-box {
+  width: 104px;
+  height: 104px;
+  background-image: url(assets/corner-ripple.png);
+  background-color: #711c91;
+  border-radius: 52px;
+}
+
+.modal-dialog {
+  padding: 16px 20px;
+}
+
+.modal-dialog-button-box {
+  spacing: 16px;
+}
+
+.run-dialog-label {
+  color: rgba(10, 189, 198, 0.7);
+  padding-bottom: 0.4em;
+}
+
+.run-dialog-error-label {
+  color: #ff0000;
+}
+
+.run-dialog-error-box {
+  padding-top: 16px;
+  spacing: 6px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+}
+
+.run-dialog {
+  border-radius: 5px;
+  padding: 16px 20px;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.cinnamon-mount-operation-icon {
+  icon-size: 4.8em;
+}
+
+.mount-password-reask {
+  color: #f57800;
+}
+
+.show-processes-dialog {
+  spacing: 24px;
+}
+
+.mount-question-dialog {
+  spacing: 24px;
+}
+
+.show-processes-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.mount-question-dialog-description:rtl {
+  padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+.show-processes-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+  color: #0abdc6;
+}
+.show-processes-dialog-app-list-item:hover {
+  color: #0abdc6;
+}
+.show-processes-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+.show-processes-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+.show-processes-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.magnifier-zoom-region {
+  border: 3px solid rgba(10, 189, 198, 0.2);
+}
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+#keyboard {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.keyboard-key {
+  font-size: 10.5pt;
+  font-weight: 500;
+}
+
+.keyboard-layout {
+  spacing: 8px;
+  padding: 8px;
+}
+
+.keyboard-row {
+  spacing: 16px;
+}
+
+.keyboard-subkeys {
+  color: inherit;
+  padding: 5px;
+  -arrow-border-radius: 0;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 0;
+  -arrow-rise: 0;
+  -boxpointer-gap: 5px;
+  background-color: #133e7c;
+  border-radius: 5px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.44);
+}
+
+.menu-favorites-box {
+  padding: 8px;
+}
+
+.menu-favorites-button {
+  padding: 0.4em 4px;
+}
+.menu-favorites-button:hover {
+  background-color: rgba(10, 189, 198, 0.2);
+  border-radius: 5px;
+  color: #0abdc6;
+}
+
+.menu-categories-box {
+  padding: 8px;
+}
+
+.menu-applications-inner-box {
+  padding: 8px;
+}
+
+.menu-applications-outer-box {
+  padding: 8px;
+  border-radius: 5px;
+}
+
+.menu-application-button {
+  padding: 0.4em 4px;
+}
+.menu-application-button:highlighted {
+  font-weight: bold;
+}
+
+.menu-application-button-selected {
+  padding: 0.4em 4px;
+  background-color: rgba(10, 189, 198, 0.2);
+  border-radius: 5px;
+  color: #0abdc6;
+}
+.menu-application-button-selected:highlighted {
+  font-weight: bold;
+}
+
+.menu-category-button {
+  padding: 0.4em 4px;
+}
+
+.menu-category-button-greyed {
+  padding: 0.4em 4px;
+  color: rgba(10, 189, 198, 0.7);
+  font-style: italic;
+}
+
+.menu-category-button-selected {
+  padding: 0.4em 4px;
+  background-color: rgba(10, 189, 198, 0.2);
+  border-radius: 5px;
+  color: #0abdc6;
+}
+.menu-selected-app-box {
+  padding: 8px;
+  margin-bottom: 4px;
+  text-align: right;
+}
+.menu-selected-app-box:rtl {
+  text-align: left;
+}
+
+.menu-selected-app-title {
+  font-size: 9pt;
+  font-weight: 400;
+}
+
+.menu-selected-app-description {
+  font-size: 9pt;
+  font-weight: 400;
+  max-width: 150px;
+}
+
+.menu-search-box:ltr {
+  padding-left: 30px;
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
+.menu-search-box:rtl {
+  padding-right: 30px;
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
+
+.menu-search-entry-icon {
+  icon-size: 1em;
+  padding: 0 0;
+  color: rgba(10, 189, 198, 0.5);
+}
+
+.window-list-box {
+  font-size: 9pt;
+  font-weight: 400;
+  spacing: 4px;
+  padding: 0 3px;
+}
+.window-list-box.vertical {
+  spacing: 4px;
+  padding: 3px 0;
+}
+.window-list-box:highlight {
+  background: rgba(234, 0, 217, 0.3);
+  color: #ea00d9;
+}
+
+.window-list-item-box {
+  background-color: rgba(0, 0, 0, 0.01);
+  transition-duration: 100ms;
+}
+.window-list-item-box:hover {
+  color: #ea00d9;
+}
+.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus {
+  background-color: rgba(234, 0, 217, 0.3);
+  color: #ea00d9;
+}
+.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover {
+  color: #ea00d9;
+}
+.window-list-item-box .progress {
+  background-color: #d300c4;
+}
+
+.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
+  padding-left: 3px;
+}
+
+.window-list-item-demands-attention {
+  background-color: #091833;
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.window-list-preview {
+  background-color: #133e7c;
+  border-radius: 5px;
+  padding: 10px 15px;
+  spacing: 1em;
+  color: #0abdc6;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+}
+
+.grouped-window-list-thumbnail-label {
+  padding-left: 3px;
+  padding-bottom: 6px;
+}
+.grouped-window-list-number-label {
+  font-size: 9pt;
+  font-weight: 400;
+  z-index: 99;
+}
+.grouped-window-list-list-button-label {
+  padding-left: 3px;
+}
+.grouped-window-list-badge {
+  border-radius: 9999px;
+  background-color: #000013;
+}
+.grouped-window-list-thumbnail-alert {
+  background: #f57800;
+}
+.grouped-window-list-item-box {
+  background-color: rgba(0, 0, 0, 0.01);
+  transition-duration: 100ms;
+}
+.grouped-window-list-item-box:hover {
+  color: #ea00d9;
+}
+.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
+  background-color: rgba(234, 0, 217, 0.2);
+}
+.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover {
+  color: #ea00d9;
+}
+.grouped-window-list-item-box:focus {
+  background-color: rgba(234, 0, 217, 0.3);
+  color: #ea00d9;
+}
+.grouped-window-list-item-box:focus:hover {
+  color: #ea00d9;
+}
+.grouped-window-list-item-box .progress {
+  background-color: #d300c4;
+}
+.grouped-window-list-item-demands-attention {
+  background-color: #091833;
+  color: rgba(234, 0, 217, 0.7);
+}
+.grouped-window-list-thumbnail-menu {
+  padding: 20px;
+  border: none;
+  border-radius: 5px;
+  color: rgba(234, 0, 217, 0.7);
+  background: none;
+}
+.grouped-window-list-thumbnail-menu .item-box {
+  padding: 8px;
+  spacing: 2px;
+  border-radius: 5px;
+}
+.grouped-window-list-thumbnail-menu .item-box:outlined {
+  border: 2px solid rgba(10, 189, 198, 0.2);
+  color: #ea00d9;
+}
+.grouped-window-list-thumbnail-menu .item-box:selected {
+  background: rgba(234, 0, 217, 0.2);
+  color: #ea00d9;
+}
+.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr {
+  margin: 1px 0 0 6px;
+}
+.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl {
+  margin: 1px 6px 0 0;
+}
+.grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel {
+  padding-bottom: 2px;
+}
+.grouped-window-list-thumbnail-menu .item-box > StButton:ltr {
+  margin: 1px 6px 0 0;
+}
+.grouped-window-list-thumbnail-menu .item-box > StButton:rtl {
+  margin: 1px 0 0 6px;
+}
+.grouped-window-list-thumbnail-menu .thumbnail-box {
+  padding: 2px;
+}
+.grouped-window-list-thumbnail-menu .thumbnail {
+  width: 256px;
+}
+.grouped-window-list-thumbnail-menu .separator {
+  width: 1px;
+  background: rgba(10, 189, 198, 0.2);
+}
+
+.sound-player StButton:small {
+  min-width: 24px;
+  min-height: 24px;
+  padding: 4px;
+}
+.sound-player StButton:small StIcon {
+  icon-size: 1em;
+}
+.sound-player StButton StIcon {
+  icon-size: 1.5em;
+}
+.sound-player .slider {
+  height: 5px;
+}
+.sound-player StBoxLayout {
+  spacing: 0.5em;
+}
+.sound-player > StBoxLayout {
+  padding: 5px;
+}
+
+.sound-player-generic-coverart {
+  background: rgba(0, 0, 0, 0.2);
+}
+
+.sound-player-overlay {
+  background-color: #133e7c;
+  min-width: 300px;
+  padding: 12px 16px;
+  spacing: 0.5em;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.workspace-button {
+  background-color: #000013;
+  width: 2em;
+  height: 1em;
+  color: rgba(234, 0, 217, 0.7);
+  margin: 2px;
+}
+.workspace-button:outlined {
+  background-color: rgba(234, 0, 217, 0.3);
+  color: #ea00d9;
+}
+
+.workspace-graph {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.workspace-graph .workspace {
+  background-color: #000013;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+}
+.workspace-graph .workspace:active {
+  background-color: rgba(234, 0, 217, 0.3);
+  border: 1px solid rgba(10, 189, 198, 0.2);
+}
+.workspace-graph .workspace:active .windows {
+  -active-window-background: rgba(255, 255, 255, 0.8);
+  -active-window-border: rgba(0, 0, 0, 0.9);
+  -inactive-window-background: rgba(140, 140, 140, 0.8);
+  -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+.workspace-graph .workspace .windows {
+  -active-window-background: rgba(140, 140, 140, 0.8);
+  -active-window-border: rgba(0, 0, 0, 0.7);
+  -inactive-window-background: rgba(140, 140, 140, 0.8);
+  -inactive-window-border: rgba(0, 0, 0, 0.7);
+}
+
+.panel-launchers {
+  padding: 0 4px;
+  spacing: 4px;
+  transition-duration: 100ms;
+}
+.panel-launchers .launcher {
+  background-color: rgba(0, 0, 0, 0.01);
+}
+.panel-launchers.vertical {
+  padding: 4px 0;
+  spacing: 4px;
+}
+.panel-launchers.vertical .launcher .icon-box {
+  padding-top: 0;
+}
+
+.applet-separator-line, .applet-separator-line-vertical {
+  width: 2px;
+  background: rgba(234, 0, 217, 0.2);
+}
+
+.applet-spacer:highlight {
+  background: rgba(255, 255, 255, 0.05);
+}
+
+.applet-box {
+  background-color: rgba(0, 0, 0, 0.01);
+  color: rgba(234, 0, 217, 0.7);
+  transition-duration: 100ms;
+}
+.applet-box:checked {
+  color: #ea00d9;
+}
+.applet-box:checked .applet-label {
+  color: #ea00d9;
+}
+.applet-box:hover {
+  color: #ea00d9;
+}
+.applet-box:hover .applet-label {
+  color: #ea00d9;
+}
+.applet-box:highlight {
+  background: rgba(234, 0, 217, 0.3);
+  color: #ea00d9;
+}
+.applet-box:highlight .applet-label {
+  color: #ea00d9;
+}
+
+.applet-label {
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.applet-icon {
+  color: rgba(234, 0, 217, 0.7);
+  padding: 0;
+  spacing: 0;
+  icon-size: 22px;
+}
+
+.desklet {
+  font-size: 9pt;
+  font-weight: 400;
+  color: #ea00d9;
+  border: none;
+  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.5);
+  padding: 12px;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 5px;
+}
+
+.desklet-with-borders {
+  font-size: 9pt;
+  font-weight: 400;
+  background-color: #133e7c;
+  border-radius: 5px;
+}
+.desklet-with-borders:highlight {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.desklet-with-borders-and-header {
+  font-size: 9pt;
+  font-weight: 400;
+  background-color: #133e7c;
+  border-radius-bottomleft: 2px;
+  border-radius-bottomright: 2px;
+}
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.desklet-header {
+  font-size: 15pt;
+  font-weight: 500;
+  background-color: #133e7c;
+  border-radius-topleft: 2px;
+  border-radius-topright: 2px;
+}
+.desklet-header:highlight {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.photoframe-box {
+  background-color: #133e7c;
+  border-radius: 5px;
+}
+.photoframe-box:highlight {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #711c91;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 5px;
+}
+
+.launcher {
+  padding: 1px;
+}
+.launcher .icon-box {
+  padding-top: 2px;
+}
+
+.about-content {
+  min-width: 250px;
+  min-height: 150px;
+  spacing: 8px;
+  padding-bottom: 16px;
+}
+
+.about-title {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+.about-uuid {
+  font-size: 9pt;
+  font-weight: 400;
+}
+
+.about-icon {
+  padding-right: 20px;
+}
+
+.about-scrollBox {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 5px;
+}
+
+.about-scrollBox-innerBox {
+  padding: 1.2em;
+  spacing: 1.2em;
+}
+
+.about-description {
+  padding-top: 4px;
+}
+
+.about-version {
+  padding-left: 7px;
+}
+
+.expo-workspaces-name-entry {
+  font-size: 11.25pt;
+  font-weight: 400;
+  background-color: rgba(255, 255, 255, 0.04);
+  color: #fff;
+  padding: 0 8px;
+  selection-background-color: rgba(255, 255, 255, 0.3);
+  selected-color: #fff;
+  caret-color: #fff;
+  text-align: center;
+  height: 32px;
+  border-radius: 5px 5px 0 0;
+  -cinnamon-caption-spacing: 12px;
+}
+.expo-workspaces-name-entry#selected {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.3);
+}
+.expo-workspaces-name-entry:focus {
+  color: #fff;
+  box-shadow: inset 0 -2px #fff;
+}
+.expo-workspaces-name-entry:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.notification-applet-padding {
+  padding: 0.5em 1em;
+}
+
+.notification-applet-container {
+  max-height: 100px;
+}
+
+.check-box CinnamonGenericContainer {
+  spacing: 8px;
+}
+.check-box:focus:checked StBin {
+  background-image: url(assets/checkbox.svg);
+}
+.check-box:checked StBin {
+  background-image: url(assets/checkbox.svg);
+}
+
+.radiobutton CinnamonGenericContainer {
+  spacing: 8px;
+}
+.radiobutton:focus:checked StBin {
+  background-image: url(assets/radiobutton.svg);
+}
+.radiobutton:checked StBin {
+  background-image: url(assets/radiobutton.svg);
+}
+
+.flashspot {
+  background-color: #711c91;
+}
+
+.osd-window {
+  spacing: 1em;
+  padding: 16px;
+}
+.osd-window .level {
+  height: 0.7em;
+  border-radius: 0.3em;
+  background-color: rgba(10, 189, 198, 0.3);
+}
+.osd-window .level-bar {
+  border-radius: 0.3em;
+  background-color: #711c91;
+}
+
+.tile-hud:top {
+  border-top-width: 0;
+  border-radius: 0 0 10px 10px;
+}
+.tile-hud:bottom {
+  border-bottom-width: 0;
+  border-radius: 5px 5px 0 0;
+}
+.tile-hud:left {
+  border-left-width: 0;
+  border-radius: 0 10px 10px 0;
+}
+.tile-hud:right {
+  border-right-width: 0;
+  border-radius: 10px 0 0 10px;
+}
+.tile-hud:top-left {
+  border-top-width: 0;
+  border-left-width: 0;
+  border-radius: 0 0 10px 0;
+}
+.tile-hud:top-right {
+  border-top-width: 0;
+  border-right-width: 0;
+  border-radius: 0 0 0 10px;
+}
+.tile-hud:bottom-left {
+  border-bottom-width: 0;
+  border-left-width: 0;
+  border-radius: 0 10px 0 0;
+}
+.tile-hud:bottom-right {
+  border-bottom-width: 0;
+  border-right-width: 0;
+  border-radius: 10px 0 0 0;
+}
+
+.systray {
+  spacing: 4px;
+}
+
+.user-box {
+  padding: 0.4em 1.3em;
+  spacing: 10px;
+}
+
+.user-icon {
+  padding: 4px;
+  border: none;
+}
+
+.user-label {
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: #0abdc6;
+}
diff --git a/themes/materia-cyberpunk-neon/cinnamon/thumbnail.png b/themes/materia-cyberpunk-neon/cinnamon/thumbnail.png
new file mode 100644
index 0000000..ac66aa1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/cinnamon/thumbnail.png
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>
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/apps.rc b/themes/materia-cyberpunk-neon/gtk-2.0/apps.rc
new file mode 100644
index 0000000..ef31766
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/apps.rc
@@ -0,0 +1,92 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g.
+# custom widgets, programs giving us a chance to alter their UI to fit more with
+# the theme or stuff that is supposed to look different, like panels.
+
+# TODO: This could really look nicer
+style "gimp_spin_scale" {
+  # Spin background
+  bg[NORMAL] = @base_color
+
+  engine "pixmap" {
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+    }
+  }
+}
+
+style "chrome_gtk_frame" {
+  ChromeGtkFrame::frame-color                    = @titlebar_bg_color
+  ChromeGtkFrame::inactive-frame-color           = @titlebar_bg_color
+  ChromeGtkFrame::incognito-frame-color          = @titlebar_bg_color
+  ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color
+
+  ChromeGtkFrame::frame-gradient-size = 0
+}
+
+# Disable spin button assets for GimpSpinScale
+class "GimpSpinScale" style "gimp_spin_scale"
+
+# Chromium lets us define some colours and settings for better integration
+class "ChromeGtkFrame" style "chrome_gtk_frame"
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/border.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/border.png
new file mode 100644
index 0000000..7ccbe8f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/border.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-active.png
new file mode 100644
index 0000000..01a5d8a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-disabled.png
new file mode 100644
index 0000000..b75c382
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-hover.png
new file mode 100644
index 0000000..2536cf2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/button.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button.png
new file mode 100644
index 0000000..b96515a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/button.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 0000000..6ce9842
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-disabled.png
new file mode 100644
index 0000000..f25f2b9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 0000000..f164c9e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 0000000..c5f4e6b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-checked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 0000000..962e898
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-disabled.png
new file mode 100644
index 0000000..09b2bdc
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 0000000..1009c3a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 0000000..2c2c219
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-mixed.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 0000000..7d2a053
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-disabled.png
new file mode 100644
index 0000000..94aa5d6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 0000000..33ab3cd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 0000000..6f9cbb4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/checkbox-unchecked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-active.png
new file mode 100644
index 0000000..c67a52c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-disabled.png
new file mode 100644
index 0000000..9278f88
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-hover.png
new file mode 100644
index 0000000..30bfb41
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry.png
new file mode 100644
index 0000000..1cfe8ff
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-left-entry.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-active.png
new file mode 100644
index 0000000..1471d8f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-disabled.png
new file mode 100644
index 0000000..b3171af
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-hover.png
new file mode 100644
index 0000000..42c731c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry.png
new file mode 100644
index 0000000..a10e3bd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/combo-right-entry.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-active.png
new file mode 100644
index 0000000..64ec311
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-background-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-background-disabled.png
new file mode 100644
index 0000000..9d87acf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-background-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-background.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-background.png
new file mode 100644
index 0000000..9d87acf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-background.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-disabled.png
new file mode 100644
index 0000000..ce48d08
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-hover.png
new file mode 100644
index 0000000..784718a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry.png
new file mode 100644
index 0000000..af4f8ec
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/entry.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-active.png
new file mode 100644
index 0000000..5b1da1b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-disabled.png
new file mode 100644
index 0000000..e32db9c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-hover.png
new file mode 100644
index 0000000..b75c382
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button.png
new file mode 100644
index 0000000..e32db9c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/flat-button.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/focus.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/focus.png
new file mode 100644
index 0000000..b3cfb10
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/focus.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame-inline.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 0000000..0a06c23
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame-inline.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame-notebook.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 0000000..8038366
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame-notebook.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame.png
new file mode 100644
index 0000000..bcaf628
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/frame.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz-active.png
new file mode 100644
index 0000000..74d0c30
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz-hover.png
new file mode 100644
index 0000000..1d8e919
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 0000000..ff809f1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-horz.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert-active.png
new file mode 100644
index 0000000..361fa6a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert-hover.png
new file mode 100644
index 0000000..ae5e32d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 0000000..a6de0ab
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/handle-vert.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-checked-disabled.png
new file mode 100644
index 0000000..6a1eb08
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-checked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-checked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 0000000..05901f5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-checked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
new file mode 100644
index 0000000..88b3d2d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-mixed.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 0000000..524afc3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-mixed.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
new file mode 100644
index 0000000..cb7ebb5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-unchecked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-unchecked.png
new file mode 100644
index 0000000..12a905d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-checkbox-unchecked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-checked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-checked-disabled.png
new file mode 100644
index 0000000..8c83d5c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-checked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-checked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 0000000..afd1349
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-checked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-mixed-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-mixed-disabled.png
new file mode 100644
index 0000000..b85c210
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-mixed-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-mixed.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 0000000..de38076
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-mixed.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-unchecked-disabled.png
new file mode 100644
index 0000000..228daf5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-unchecked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-unchecked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-unchecked.png
new file mode 100644
index 0000000..235f354
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/menu-radio-unchecked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down-alt.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down-alt.png
new file mode 100644
index 0000000..9492f95
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down-alt.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down-disabled.png
new file mode 100644
index 0000000..f1ccd8a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down.png
new file mode 100644
index 0000000..51115ef
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-down.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-alt.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-alt.png
new file mode 100644
index 0000000..564e08e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-alt.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-disabled.png
new file mode 100644
index 0000000..7ab897e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-semi.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 0000000..6cd188e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left-semi.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left.png
new file mode 100644
index 0000000..2eec216
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-left.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-alt.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-alt.png
new file mode 100644
index 0000000..12e838b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-alt.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-disabled.png
new file mode 100644
index 0000000..bcce7fa
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-semi.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 0000000..91895c2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right-semi.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right.png
new file mode 100644
index 0000000..94e410d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-right.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up-alt.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up-alt.png
new file mode 100644
index 0000000..d7285f5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up-alt.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up-disabled.png
new file mode 100644
index 0000000..6dbe8e1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up.png
new file mode 100644
index 0000000..9bbadb1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/pan-up.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/progressbar-progress.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/progressbar-progress.png
new file mode 100644
index 0000000..8d122f5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/progressbar-progress.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/progressbar-trough.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/progressbar-trough.png
new file mode 100644
index 0000000..7df35d4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/progressbar-trough.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 0000000..8f1974f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-disabled.png
new file mode 100644
index 0000000..d2fcb4b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 0000000..76f6951
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 0000000..8cbde0f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-checked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 0000000..cdc063c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-disabled.png
new file mode 100644
index 0000000..0be4fb5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 0000000..8c6577a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 0000000..cc6f7e7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-mixed.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 0000000..82a7554
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-disabled.png
new file mode 100644
index 0000000..29eacdd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 0000000..872cc9b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 0000000..8bd35d1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/radio-unchecked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 0000000..e7e3b7e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough-disabled.png
new file mode 100644
index 0000000..1990d29
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 0000000..9fd47f0
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-horz-trough.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 0000000..c9a32ea
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-disabled.png
new file mode 100644
index 0000000..ca1aea8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 0000000..6eb4c09
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 0000000..1c8b0d4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 0000000..42ab93a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough-disabled.png
new file mode 100644
index 0000000..c535d26
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 0000000..bd0d970
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scale-vert-trough.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 0000000..dd9fc5e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
new file mode 100644
index 0000000..a4d9a48
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 0000000..7876867
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 0000000..9e333db
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-trough.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 0000000..e86c42c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-horz-trough.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
new file mode 100644
index 0000000..2cd38c4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
new file mode 100644
index 0000000..ac39c0c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
new file mode 100644
index 0000000..a0cd398
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
new file mode 100644
index 0000000..efc724a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
new file mode 100644
index 0000000..818fbb6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
new file mode 100644
index 0000000..85f2fb4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
new file mode 100644
index 0000000..45484d6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
new file mode 100644
index 0000000..6e47f53
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
new file mode 100644
index 0000000..7ed9072
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
new file mode 100644
index 0000000..98a40ec
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 0000000..7309e16
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-disabled.png
new file mode 100644
index 0000000..c5fbf17
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 0000000..e2379e8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 0000000..1265ede
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-down.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 0000000..06d7b53
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-disabled.png
new file mode 100644
index 0000000..e8fedcf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 0000000..8362d8c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 0000000..e8fedcf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-ltr-up.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 0000000..a8e7134
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-disabled.png
new file mode 100644
index 0000000..840ed10
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 0000000..ced2623
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 0000000..861217e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-down.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 0000000..61eb3df
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-disabled.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-disabled.png
new file mode 100644
index 0000000..0951bc5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 0000000..07bce99
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 0000000..0951bc5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/spin-rtl-up.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/tab.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/tab.png
new file mode 100644
index 0000000..2583e08
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/tab.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button-active.png
new file mode 100644
index 0000000..0de10e4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button-hover.png
new file mode 100644
index 0000000..20ae637
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button.png
new file mode 100644
index 0000000..f5d7ec6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-ltr-button.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button-active.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button-active.png
new file mode 100644
index 0000000..83d6f95
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button-active.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button-hover.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button-hover.png
new file mode 100644
index 0000000..13c1345
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button-hover.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button.png b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button.png
new file mode 100644
index 0000000..df810c8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/assets/treeview-rtl-button.png
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/gtkrc b/themes/materia-cyberpunk-neon/gtk-2.0/gtkrc
new file mode 100644
index 0000000..508743e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/gtkrc
@@ -0,0 +1,42 @@
+# Based on Bridge by ScionicSpectre and Adwaita by GNOME
+# vim:set ts=2 sw=2 sts=2 ai et:
+#
+# This is the GTK 2 version of materia-cyberpunk-neon. It's whole purpose is to look as the
+# GTK 3 version as much as possible until GTK 2 dies completely.
+#
+# Note: comments for explaining styles are on the bottom of each file beside the
+# widget matches.
+
+# Declare the colours used throughout the theme.
+# There shouldn't be any fiddling with them in the theme files themselves in
+# order to not mess up the dark theme.
+
+# Text/base
+gtk-color-scheme = "base_color:#091833"
+gtk-color-scheme = "text_color:#0abdc6"
+# Foreground/background
+gtk-color-scheme = "bg_color:#000b1e"
+gtk-color-scheme = "fg_color:#0abdc6"
+# Selected foreground/background
+gtk-color-scheme = "selected_bg_color:#711c91"
+gtk-color-scheme = "selected_fg_color:#000000"
+# Titlebar foreground/background
+gtk-color-scheme = "titlebar_bg_color:#091833"
+gtk-color-scheme = "titlebar_fg_color:#0abdc6"
+# Menus
+gtk-color-scheme = "menu_color:#133e7c"
+# Tooltips foreground/background
+gtk-color-scheme = "tooltip_bg_color:#616161"
+gtk-color-scheme = "tooltip_fg_color:#0abdc6"
+# Links
+gtk-color-scheme = "link_color:#711c91"
+gtk-color-scheme = "visited_link_color:#c58af9"
+
+# Set GTK settings
+gtk-auto-mnemonics              = 1
+gtk-primary-button-warps-slider = 1
+
+# And hand over the control to the theme files
+include "main.rc"
+include "apps.rc"
+include "hacks.rc"
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/hacks.rc b/themes/materia-cyberpunk-neon/gtk-2.0/hacks.rc
new file mode 100644
index 0000000..c288da3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/hacks.rc
@@ -0,0 +1,36 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This file contains horrible hacks to make this theme work with some programs
+# This is mostly due to the limitations of GTK 2 but sometimes its the fault of
+# the programs themselves. Not going to point fingers.
+#
+# Either way, it's a WONTFIX for both, hence this horrible file.
+
+style "toplevel_hack" {
+  engine "adwaita" {}
+}
+
+style "chrome_entry" {
+  base[NORMAL]      = @base_color
+  base[INSENSITIVE] = @base_color
+}
+
+style "vim_notebook" {
+  bg[NORMAL] = @base_color
+  bg[ACTIVE] = @bg_color
+}
+
+# Vim puts an eventbox between the tab and the label and colours it,
+# we need to handle that
+widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook"
+
+# (he)xchat input box
+class "SexySpellEntry" style:highest "normal_entry"
+
+# Chromium uses base as the fill colour of its own entries
+# This would be fine but GTK uses it to fill the surrounding space, so its set to bg
+# That results in Chromium using it for the fill, so we need to handle that
+widget_class "*Chrom*<GtkEntry>" style "chrome_entry"
+
+# Hack to be able to match widgets in LibreOffice
+class "GtkWindow" style "toplevel_hack"
diff --git a/themes/materia-cyberpunk-neon/gtk-2.0/main.rc b/themes/materia-cyberpunk-neon/gtk-2.0/main.rc
new file mode 100644
index 0000000..b29ee95
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-2.0/main.rc
@@ -0,0 +1,2669 @@
+# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et:
+#
+# This is the main theme file, handling all the default widgets and theme
+# properties. Since GTK 2 is old, we need to overcome some of its limitations,
+# which is also mostly done in this file. Sadly not all of them can be overcome
+# so there will always be a visible difference between the GTK 2 and 3 theme.
+
+style "default" {
+  xthickness = 2
+  ythickness = 2
+
+  ####################
+  # Style Properties #
+  ####################
+
+  GtkWidget::focus-padding      = 0
+  GtkWidget::focus-line-width   = 4
+  GtkWidget::focus-line-pattern = "\2\1"
+
+  GtkToolbar::space-size       = 10 # 2 + 4*2 (separator + margins)
+  GtkToolbar::internal-padding = 4
+  GtkToolButton::icon-spacing  = 8
+
+  GtkWidget::tooltip-radius    = 8
+  GtkWidget::tooltip-alpha     = 230
+  GtkWidget::new-tooltip-style = 1 #for compatibility
+
+  GtkWidget::link-color              = @link_color
+  GtkWidget::visited-link-color      = @visited_link_color
+  GnomeHRef::link_color              = @link_color
+  GtkHTML::link-color                = @link_color
+  GtkHTML::vlink-color               = @visited_link_color
+  GtkIMHtml::hyperlink-color         = @link_color
+  GtkIMHtml::hyperlink-visited-color = @visited_link_color
+
+  GtkSeparatorMenuItem::horizontal-padding = 0
+  GtkSeparatorMenuItem::wide-separators    = 1
+  GtkSeparatorMenuItem::separator-height   = 6
+
+  GtkButton::child-displacement-y = 0
+
+  GtkButton::default-border         = {0, 0, 0, 0}
+  GtkButton::default-outside-border = {0, 0, 0, 0}
+  GtkButton::inner-border           = {8, 8, 8, 8}
+
+  GtkEntry::state-hint   = 1
+  GtkEntry::inner-border = {8, 8, 8, 8}
+
+  GtkPaned::handle-size  = 16
+  GtkHPaned::handle-size = 16
+  GtkVPaned::handle-size = 16
+
+  GtkScrollbar::trough-border = 0
+  GtkRange::trough-border     = 0
+  GtkRange::slider-width      = 34
+  GtkRange::stepper-size      = 0
+  GtkRange::activate-slider   = 1
+
+  GtkScrollbar::activate-slider              = 1
+  GtkScrollbar::stepper-size                 = 0
+  GtkScrollbar::has-backward-stepper         = 0
+  GtkScrollbar::has-forward-stepper          = 0
+  GtkScrollbar::min-slider-length            = 64 # 48 + 2*8 (margins)
+  GtkScrolledWindow::scrollbar-spacing       = 0
+  GtkScrolledWindow::scrollbars-within-bevel = 1
+
+  GtkScale::slider_length       = 48
+  GtkScale::slider_width        = 48
+  GtkScale::trough-side-details = 1
+
+  GtkProgressBar::min-horizontal-bar-height = 8
+  GtkProgressBar::min-vertical-bar-width    = 8
+  GtkProgressBar::xspacing                  = 8
+  GtkProgressBar::yspacing                  = 8
+
+  GtkStatusbar::shadow_type    = GTK_SHADOW_NONE
+  GtkSpinButton::shadow_type   = GTK_SHADOW_NONE
+  GtkMenuBar::shadow-type      = GTK_SHADOW_NONE
+  GtkToolbar::shadow-type      = GTK_SHADOW_NONE
+  # TODO: find out what this comment means:
+  # ( every window is misaligned for the sake of menus ):
+  GtkMenuBar::internal-padding = 0
+  GtkMenu::horizontal-padding  = 0
+  GtkMenu::vertical-padding    = 8
+  GtkMenu::double-arrows       = 0
+  GtkMenuItem::arrow-scaling   = 1
+  GtkMenuItem::toggle-spacing  = 24
+
+  GtkCheckButton::indicator-size    = 48
+  GtkCheckButton::indicator_spacing = 4
+  GtkOptionMenu::indicator_spacing  = {16, 16, 8, 8}
+
+  GtkTreeView::expander-size        = 32
+  GtkTreeView::vertical-separator   = 0
+  GtkTreeView::horizontal-separator = 8
+  GtkTreeView::allow-rules          = 0
+  # Set this because some apps read it
+  GtkTreeView::odd-row-color        = @base_color
+  GtkTreeView::even-row-color       = @base_color
+
+  GtkExpander::expander-size = 32
+
+  GtkNotebook::tab-overlap = 0
+
+  ##########
+  # Colors #
+  ##########
+
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[SELECTED]    = mix (0.24, @selected_bg_color, @bg_color)
+  bg[INSENSITIVE] = @bg_color
+  bg[ACTIVE]      = @bg_color
+
+  fg[NORMAL]      = @fg_color
+  fg[PRELIGHT]    = @fg_color
+  fg[SELECTED]    = @fg_color
+  fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color)
+  fg[ACTIVE]      = @fg_color
+
+  text[NORMAL]      = @text_color
+  text[PRELIGHT]    = @text_color
+  text[SELECTED]    = @text_color
+  text[INSENSITIVE] = mix (0.5, @text_color, @base_color)
+  text[ACTIVE]      = @text_color
+
+  base[NORMAL]      = @base_color
+  base[PRELIGHT]    = mix (0.08, @text_color, @base_color)
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @base_color)
+  base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @base_color)
+
+  # For succinctness, all reasonable pixmap options remain here
+
+  # Draw frame around menu in a non-compositied environment
+  # This needs to go before pixmap because we need to override some stuff
+  engine "adwaita" {}
+
+  engine "pixmap" {
+
+    #################
+    # Check Buttons #
+    #################
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/checkbox-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/checkbox-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = SELECTED
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/checkbox-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #################
+    # Radio Buttons #
+    #################
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/radio-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = IN
+      overlay_file    = "assets/radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/radio-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-hover.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-active.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = SELECTED
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/radio-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    ##########
+    # Arrows #
+    ##########
+
+    # Overrides
+
+    # Disable arrows in spinbuttons
+    image {
+      function = ARROW
+      detail   = "spinbutton"
+    }
+
+    # Disable arrows for qt in scrollbars
+
+    image {
+      function = ARROW
+      detail   = "vscrollbar"
+    }
+
+    image {
+      function = ARROW
+      detail   = "hscrollbar"
+    }
+
+    # Menu arrows
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-left-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menuitem"
+      overlay_file    = "assets/pan-right-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menu_scroll_arrow_up"
+      overlay_file    = "assets/pan-up-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      detail          = "menu_scroll_arrow_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      detail          = "menu_scroll_arrow_down"
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = ARROW
+      detail          = "menu_scroll_arrow_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    # Regular arrows
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-up-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-left.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-left-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-right.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    image {
+      function        = ARROW
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-right-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    ######################
+    # Option Menu Arrows #
+    ######################
+
+    image {
+      function        = TAB
+      state           = NORMAL
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = TAB
+      state           = INSENSITIVE
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #########
+    # Lines #
+    #########
+
+    image {
+      function = VLINE
+      file     = "assets/border.png"
+      border   = {2, 0, 0, 0}
+    }
+
+    image {
+      function = HLINE
+      file     = "assets/border.png"
+      border   = {0, 0, 2, 0}
+    }
+
+    #########
+    # Focus #
+    #########
+
+    image {
+      function = FOCUS
+      file     = "assets/focus.png"
+      border   = {10, 10, 10, 10} # Super strange, {8, 8, 8, 8} does not work properly...
+      stretch  = TRUE
+    }
+
+    ###########
+    # Handles #
+    ###########
+
+    image {
+      function        = HANDLE
+      detail          = "handlebox"
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = HANDLE
+      overlay_file    = "assets/handle-horz.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function = RESIZE_GRIP
+    }
+
+    #############
+    # Expanders #
+    #############
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = NORMAL
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = PRELIGHT
+      file           = "assets/pan-down-alt.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = ACTIVE
+      file           = "assets/pan-down-alt.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = INSENSITIVE
+      file           = "assets/pan-down-disabled.png"
+    }
+
+    # LTR
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-right-alt.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-right-alt.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-right-disabled.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_COLLAPSED
+      file           = "assets/pan-right-semi.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_EXPANDED
+      file           = "assets/pan-right-semi.png"
+      direction      = LTR
+    }
+
+    # RTL
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-left-alt.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-left-alt.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-left-disabled.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_COLLAPSED
+      file           = "assets/pan-left-semi.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = SEMI_EXPANDED
+      file           = "assets/pan-left-semi.png"
+      direction      = RTL
+    }
+
+    #############
+    # Notebooks #
+    #############
+
+    # Left
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 2, 0, 0}
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = RIGHT
+    }
+
+    # Right
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {2, 0, 0, 0}
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = LEFT
+    }
+
+    # Up
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 0, 2}
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = BOTTOM
+    }
+
+    # Down
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 2, 0}
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = TOP
+    }
+
+    # Inner frame
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {2, 2, 2, 2}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {2, 0, 0, 0}
+      gap_side   = LEFT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {2, 2, 2, 2}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 2, 0, 0}
+      gap_side   = RIGHT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {2, 2, 2, 2}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 2, 0}
+      gap_side   = TOP
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {2, 2, 2, 2}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 0, 2}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "assets/frame-notebook.png"
+      border   = {2, 2, 2, 2}
+      stretch  = TRUE
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-horz-trough.png"
+      border      = {0, 0, 2, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-ltr-trough.png"
+      border      = {2, 0, 0, 0}
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-rtl-trough.png"
+      border      = {0, 2, 0, 0}
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    # Horizontal sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider.png"
+      border      = {16, 16, 18, 16 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-hover.png"
+      border      = {16, 16, 18, 16 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-active.png"
+      border      = {16, 16, 18, 16 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-disabled.png"
+      border      = {16, 16, 18, 16 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    # Vertical sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider.png"
+      border      = {18, 16, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-hover.png"
+      border      = {18, 16, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-active.png"
+      border      = {18, 16, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-disabled.png"
+      border      = {18, 16, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    # RTL
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider.png"
+      border      = {16, 18, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-hover.png"
+      border      = {16, 18, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-active.png"
+      border      = {16, 18, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-disabled.png"
+      border      = {16, 18, 16, 16}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    ##########
+    # Scales #
+    ##########
+
+    # Troughs, overrided later on. We set them here too because some widgets
+    # don't specify their orientation.
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {12, 12, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough-disabled.png"
+      border      = {12, 12, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {12, 12, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-disabled.png"
+      border      = {12, 12, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 12, 12}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough-disabled.png"
+      border      = {0, 0, 12, 12}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 12, 12}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-disabled.png"
+      border      = {0, 0, 12, 12}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    # Sliders
+
+    image {
+      function = SLIDER
+      state    = NORMAL
+      detail   = "hscale"
+      file     = "assets/scale-slider.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = PRELIGHT
+      detail   = "hscale"
+      file     = "assets/scale-slider-hover.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = ACTIVE
+      detail   = "hscale"
+      file     = "assets/scale-slider-active.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = INSENSITIVE
+      detail   = "hscale"
+      file     = "assets/scale-slider-disabled.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = NORMAL
+      detail   = "vscale"
+      file     = "assets/scale-slider.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = PRELIGHT
+      detail   = "vscale"
+      file     = "assets/scale-slider-hover.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = ACTIVE
+      detail   = "vscale"
+      file     = "assets/scale-slider-active.png"
+    }
+
+    image {
+      function = SLIDER
+      state    = INSENSITIVE
+      detail   = "vscale"
+      file     = "assets/scale-slider-disabled.png"
+    }
+
+    ###########
+    # Menubar #
+    ###########
+
+    # image {
+    #   function = BOX
+    #   detail   = "menubar"
+    #   file     = "assets/border.png"
+    #   border   = {0, 0, 0, 2}
+    # }
+
+    #########
+    # Menus #
+    #########
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      detail   = "menu_scroll_arrow_up"
+      file     = "assets/border.png"
+    }
+
+    image {
+      function = BOX
+      detail   = "menu_scroll_arrow_up"
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 2}
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      detail   = "menu_scroll_arrow_down"
+      file     = "assets/border.png"
+    }
+
+    image {
+      function = BOX
+      detail   = "menu_scroll_arrow_down"
+      file     = "assets/border.png"
+      border   = {0, 0, 2, 0}
+    }
+
+    ###########
+    # Entries #
+    ###########
+
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/entry-active.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/entry-disabled.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/entry.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = FLAT_BOX
+      state    = ACTIVE
+      detail   = "entry_bg"
+      file     = "assets/entry-background.png"
+    }
+
+    image {
+      function = FLAT_BOX
+      state    = INSENSITIVE
+      detail   = "entry_bg"
+      file     = "assets/entry-background-disabled.png"
+    }
+
+    image {
+      function = FLAT_BOX
+      detail   = "entry_bg"
+      file     = "assets/entry-background.png"
+    }
+
+    #########
+    # Spins #
+    #########
+
+    # Spin-Up LTR
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up.png"
+      border          = {0, 16, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-hover.png"
+      border          = {0, 16, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-active.png"
+      border          = {0, 16, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-disabled.png"
+      border          = {0, 16, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-disabled.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    # Spin-Up RTL
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up.png"
+      border          = {16, 0, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {16, 0, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {16, 0, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-disabled.png"
+      border          = {16, 0, 16, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-disabled.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    # Spin-Down LTR
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down.png"
+      border          = {0, 16, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-hover.png"
+      border          = {0, 16, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-active.png"
+      border          = {0, 16, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-disabled.png"
+      border          = {0, 16, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    # Spin-Down RTL
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down.png"
+      border          = {16, 0, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-hover.png"
+      border          = {16, 0, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-active.png"
+      border          = {16, 0, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-disabled.png"
+      border          = {16, 0, 0, 16}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-disabled.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "bar"
+      file        = "assets/progressbar-progress.png"
+      stretch     = TRUE
+      border      = {0, 0, 0, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "bar"
+      file        = "assets/progressbar-progress.png"
+      stretch     = TRUE
+      border      = {0, 0, 0, 0}
+      orientation = VERTICAL
+    }
+
+    #############
+    # Treeviews #
+    #############
+
+    # Disable active the column highlight
+    # We need to match specific cells or we break stuff
+    # Looking at you deadbeef
+
+    image {
+      function = FLAT_BOX
+      detail   = "cell_even_sorted"
+      state    = NORMAL
+    }
+
+    image {
+      function = FLAT_BOX
+      detail   = "cell_odd_sorted"
+      state    = NORMAL
+    }
+
+    # Disable all the other shadows
+    # This prevents the Raleigh effect
+    image {
+      function = SHADOW
+    }
+  }
+}
+
+style "menubar" {
+  bg[NORMAL]      = @titlebar_bg_color
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  fg[PRELIGHT]    = @titlebar_fg_color
+  fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+  # Needed to fix Firefox's menubar text
+  bg[SELECTED]    = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+  fg[SELECTED]    = @titlebar_fg_color
+}
+
+style "menubar_item" {
+  xthickness = 6
+  ythickness = 8
+
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  bg[PRELIGHT]    = mix(0.12, @titlebar_fg_color, @titlebar_bg_color)
+  fg[PRELIGHT]    = @titlebar_fg_color
+  fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color)
+}
+
+style "menu" {
+  xthickness = 0
+  ythickness = 0
+
+  bg[NORMAL]      = @menu_color
+  bg[INSENSITIVE] = @menu_color
+  bg[PRELIGHT]    = @menu_color
+  bg[SELECTED]    = mix(0.08, @fg_color, @menu_color)
+}
+
+style "menu_item" {
+  xthickness = 8
+  ythickness = 8
+
+  bg[PRELIGHT]   = mix(0.08, @fg_color, @menu_color)
+  fg[PRELIGHT]   = @fg_color
+  # Chromium uses this setting
+  bg[SELECTED]   = mix(0.08, @fg_color, @menu_color)
+  text[SELECTED] = @fg_color
+  # Some widgets use text, we need to handle that
+  text[NORMAL]   = @fg_color
+  text[PRELIGHT] = @fg_color
+
+  # Unfortunately we can't tell regular and menu checks/radios apart
+  # Without the heirarchy
+  engine "pixmap" {
+
+    #################
+    # Check Buttons #
+    #################
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-checkbox-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-checkbox-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = CHECK
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-checkbox-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #################
+    # Radio Buttons #
+    #################
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = OUT
+      overlay_file    = "assets/menu-radio-unchecked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = IN
+      overlay_file    = "assets/menu-radio-checked-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = NORMAL
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = PRELIGHT
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = ACTIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = OPTION
+      state           = INSENSITIVE
+      shadow          = ETCHED_IN
+      overlay_file    = "assets/menu-radio-mixed-disabled.png"
+      overlay_stretch = FALSE
+    }
+  }
+}
+
+style "separator_menu_item" {
+  xthickness = 0
+  ythickness = 4
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 2}
+    }
+  }
+}
+
+style "button_label" {
+  # fg[NORMAL] = mix(0.7, @fg_color, @bg_color)
+  # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "normal_button_label" {
+  # fg[NORMAL] = @fg_color
+  # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color)
+
+  font_name = "Regular"
+}
+
+style "button" {
+  xthickness = 8
+  ythickness = 8
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+
+    ###########
+    # Buttons #
+    ###########
+
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/button.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/button-hover.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/button-active.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/button-active.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/button-disabled.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "link_button" {
+  # Disable the button effect, leave just the link
+  engine "pixmap" {
+    image {
+      function = BOX
+    }
+  }
+}
+
+style "entry" {
+  base[NORMAL]      = @bg_color
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @bg_color)
+  base[INSENSITIVE] = @bg_color
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @bg_color)
+
+  # We set this same as the border of the border of the entry
+  # This way there's no overlap
+  xthickness = 12
+  ythickness = 12
+}
+
+style "combobox" {
+  xthickness = 12
+  ythickness = 12
+
+  # This affects only the button beside an entry
+  GtkButton::inner-border = {0, 0, 0, 0}
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+
+    ###########
+    # Buttons #
+    ###########
+
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/entry.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      file     = "assets/entry-hover.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/entry-active.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/entry-disabled.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "combobox_cellview" {
+  # text[NORMAL] = mix(0.7, @fg_color, @bg_color)
+  # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+}
+
+style "combobox_entry" {
+  # Since one side of the button is missing, we need to shift the arrow a little to the right
+  GtkButton::inner-border = {0, 4, 0, 0}
+
+  engine "pixmap" {
+
+    #############
+    # LTR entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-left-entry.png"
+      border    = {16, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-left-entry-active.png"
+      border    = {16, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-left-entry-disabled.png"
+      border    = {16, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    #############
+    # RTL entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-right-entry.png"
+      border    = {16, 16, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-right-entry-active.png"
+      border    = {16, 16, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-right-entry-disabled.png"
+      border    = {16, 16, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    ##############
+    # LTR button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-right-entry.png"
+      border    = {0, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-right-entry-hover.png"
+      border    = {0, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-right-entry-active.png"
+      border    = {0, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-right-entry-disabled.png"
+      border    = {0, 16, 16, 16}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    ##############
+    # RTL button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-left-entry.png"
+      border    = {16, 0, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-left-entry-hover.png"
+      border    = {16, 0, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-left-entry-active.png"
+      border    = {16, 0, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-left-entry-disabled.png"
+      border    = {16, 0, 16, 16}
+      stretch   = TRUE
+      direction = RTL
+    }
+  }
+}
+
+style "combo_button_padding" {
+  # Since one side of the button is missing, we need to shift the arrow a
+  # little to the right.
+  # This is the same thing we've done above but the combo, unlike the combobox,
+  # uses padding the same way as a button.
+  GtkButton::inner-border = {6, 12, 6, 6}
+}
+
+style "notebook" {
+  xthickness = 6
+  ythickness = 6
+}
+
+style "notebook_tab_label" {
+  fg[ACTIVE] = mix(0.7, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "notebook_viewport" {
+  bg[NORMAL] = @base_color
+}
+
+style "notebook_bg" {
+  bg[NORMAL]      = @base_color
+  bg[PRELIGHT]    = @base_color
+  bg[INSENSITIVE] = @base_color
+}
+
+style "notebook_entry" {
+  base[NORMAL]      = @base_color
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @base_color)
+  base[INSENSITIVE] = @base_color
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @base_color)
+}
+
+style "normal_bg" {
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+  base[NORMAL]      = @bg_color
+  base[SELECTED]    = mix (0.24, @selected_bg_color, @bg_color)
+  base[INSENSITIVE] = @bg_color
+  base[ACTIVE]      = mix (0.24, @selected_bg_color, @bg_color)
+}
+
+style "textview" {
+  bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {12, 12, 0, 0}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {12, 12, 0, 0}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "scale_vert" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 12, 12}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 12, 12}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "progressbar" {
+  xthickness = 0
+  ythickness = 0
+
+  fg[PRELIGHT] = @selected_fg_color
+
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/progressbar-trough.png"
+      border      = {0, 0, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/progressbar-trough.png"
+      border      = {0, 0, 0, 0}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+  }
+}
+
+style "treeview_header" {
+  xthickness = 4
+  ythickness = 4
+
+  fg[NORMAL]   = mix(0.7, @fg_color, @base_color)
+  fg[PRELIGHT] = mix(0.7, @fg_color, @base_color)
+  fg[ACTIVE]   = mix(0.7, @fg_color, @base_color)
+
+  font_name = "Medium"
+
+  GtkButton::inner-border = {8, 8, 0, 4}
+
+  engine "pixmap" {
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-ltr-button.png"
+      border    = {0, 2, 0, 2}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-ltr-button-hover.png"
+      border    = {0, 2, 0, 2}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-ltr-button-active.png"
+      border    = {0, 2, 0, 2}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-rtl-button.png"
+      border    = {2, 0, 0, 2}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-rtl-button-hover.png"
+      border    = {2, 0, 0, 2}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-rtl-button-active.png"
+      border    = {2, 0, 0, 2}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = PRELIGHT
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = ACTIVE
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+  }
+}
+
+style "scrolled_window" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {2, 2, 2, 2}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "frame" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      shadow   = NONE
+    }
+
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {2, 2, 2, 2}
+      stretch  = TRUE
+    }
+
+    image {
+      function       = SHADOW_GAP
+      file           = "assets/frame.png"
+      border         = {2, 2, 2, 2}
+      stretch        = TRUE
+      gap_start_file = "assets/border.png"
+      gap_end_file   = "assets/border.png"
+    }
+  }
+}
+
+style "tool_button" {
+  GtkButton::inner-border = {4, 4, 4, 4}
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/flat-button.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/flat-button-hover.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/flat-button-active.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/flat-button-active.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = OUT
+      file     = "assets/flat-button-disabled.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = IN
+      file     = "assets/button-disabled.png"
+      border   = {16, 16, 16, 16}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "toolbar_separator" {
+  GtkWidget::wide-separators  = 1
+  GtkWidget::separator-width  = 2
+  GtkWidget::separator-height = 2
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+    }
+  }
+}
+
+style "inline_toolbar" {
+  # GtkToolbar::button-relief = GTK_RELIEF_NORMAL
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/frame-inline.png"
+      border   = {2, 2, 0, 2}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "tooltip" {
+  xthickness = 16
+  ythickness = 16
+
+  bg[NORMAL]   = @tooltip_bg_color
+  fg[NORMAL]   = @tooltip_fg_color
+  bg[SELECTED] = @tooltip_bg_color
+}
+
+style "disable_text_shadow" {
+  engine "murrine" {
+    textstyle = 0
+  }
+}
+
+style "disable_separator" {
+  xthickness = 0
+  ythickness = 0
+
+  GtkWidget::wide-separators = 1
+}
+
+# Default style, containing theme properties and trying to match every widget as
+# much as possible, which is not only faster than trying to match every widget
+# by its own but also less bug-prune and more consistent. However there is some
+# widget specific stuff that needs to be taken care of, which is the point of
+# every other style below.
+class "GtkWidget" style "default"
+
+######################################
+# Override padding, style and colour #
+######################################
+
+class "GtkButton"                                                  style "button"
+class "GtkLinkButton"                                              style "link_button"
+class "GtkEntry"                                                   style "entry"
+class "GtkOldEditable"                                             style "entry"
+class "GtkNotebook"                                                style "notebook"
+class "GtkHScale"                                                  style "scale_horz"
+class "GtkVScale"                                                  style "scale_vert"
+class "GtkProgressBar"                                             style "progressbar"
+class "GtkScrolledWindow"                                          style "scrolled_window"
+class "GtkFrame"                                                   style "frame"
+class "GtkSeparatorToolItem"                                       style "toolbar_separator"
+class "GtkMenuBar"                                                 style "menubar"
+class "GtkMenu"                                                    style "menu"
+class "GtkTextView"                                                style "textview"
+
+# Menu and menubar items
+widget_class "*<GtkMenuItem>*"                                     style "menu_item"
+widget_class "*<GtkMenuBar>.<GtkMenuItem>*"                        style "menubar_item"
+widget_class "*<GtkSeparatorMenuItem>*"                            style "separator_menu_item"
+
+# Treeview buttons
+widget_class "*<GtkTreeView>*<GtkButton>*"                         style "treeview_header"
+
+# Give the file chooser toolbar a border
+widget_class "*<GtkFileChooserDefault>*<GtkToolbar>"               style "inline_toolbar"
+
+# Fix padding on regular comboboxes
+widget_class "*<GtkComboBox>.<GtkButton>"                          style "combobox"
+widget_class "*<GtkOptionMenu>"                                    style "combobox"
+
+# And disable separators on them
+widget_class "*<GtkComboBox>.<GtkButton>*<GtkSeparator>"           style "disable_separator"
+widget_class "*<GtkFontButton>*<GtkSeparator>"                     style "disable_separator"
+widget_class "*<GtkFileChooserButton>*<GtkSeparator>"              style "disable_separator"
+
+# Join together the ComboBoxEntry entry and button
+widget_class "*<GtkComboBoxEntry>*"                                style "combobox_entry"
+
+# Join the Combo entry and button
+widget_class "*<GtkCombo>*"                                        style "combobox_entry"
+
+# Tweak the padding on the button a little bit because it
+# uses it a bit differently
+widget_class "*<GtkCombo>.<GtkButton>"                             style "combo_button_padding"
+
+# Alas we cannot do the same for ComboBoxText because there
+# isn't a way to apply the style to only the comboboxes that
+# have an entry inside
+
+# Tool buttons have different styles
+widget_class "*<GtkToolButton>*<GtkButton>"                        style "tool_button"
+widget_class "*<GtkVBox>*<GtkEventBox>.<GtkToolbar>*<GtkButton>"   style "tool_button"
+
+# Notebooks
+widget_class "*<GtkNotebook>.<GtkLabel>"                           style "notebook_tab_label"
+widget_class "*<GtkNotebook>.<GtkHBox>.<GtkLabel>"                 style "notebook_tab_label"
+
+# Notebooks are white, act accordingly
+widget_class "*<GtkNotebook>*<GtkEntry>"                           style "notebook_entry"
+widget_class "*<GtkNotebook>*<GtkProgressBar>"                     style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkSpinButton>"                      style "notebook_bg"
+widget_class "*<GtkNotebook>*<GtkScrolledWindow>*<GtkViewport>"    style "notebook_bg"
+widget_class "*<GtkNotebook>*<GimpRuler>"                          style "notebook_bg"
+widget_class "*<GtkNotebook>.<GimpDisplayShell>*<GtkEventBox>"     style "notebook_bg"
+
+# However, stuff inside eventboxes inside notebooks is grey
+# again, react
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkEntry>"             style "normal_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkProgressBar>"       style "normal_bg"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkSpinButton>"        style "normal_bg"
+
+# Button labels
+widget_class "*<GtkButton>.<GtkLabel>"                             style "button_label"
+
+# Normalize button labels
+widget_class "*<GtkCheckButton>.<GtkLabel>"                        style "normal_button_label"
+widget_class "*<GtkOptionMenu>.<GtkLabel>"                         style "normal_button_label"
+
+# ComboBoxes tend to draw the button label with text[]
+# instead of fg[], we need to fix that
+widget_class "*<GtkComboBox>*<GtkCellView>"                        style "combobox_cellview"
+
+# Disable white text shadows
+widget_class "*<GtkLabel>"                                         style "disable_text_shadow"
+widget_class "*<GtkCellView>"                                      style "disable_text_shadow"
+
+# GTK tooltips
+widget "gtk-tooltip*"                                              style "tooltip"
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..5c3815b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..99c3e45
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..4ded9e0
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..54246a5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..f45ca31
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..ed5ccf4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..31c4902
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 0000000..dd48d78
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-after-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..8a2272f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..921ae5b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..e753fab
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..be63a23
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..ead0682
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..d56e1fa
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..0799636
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 0000000..6826ada
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-horz-marks-before-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-dark.png
new file mode 100644
index 0000000..7673d97
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-dark@2.png
new file mode 100644
index 0000000..1c8b0d4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled-dark.png
new file mode 100644
index 0000000..f100f7b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled-dark@2.png
new file mode 100644
index 0000000..ca1aea8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled.png
new file mode 100644
index 0000000..9ad3045
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled@2.png
new file mode 100644
index 0000000..4a836b3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider.png
new file mode 100644
index 0000000..870df4b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider@2.png
new file mode 100644
index 0000000..49578aa
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..d204511
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..50187d3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..9281a5e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..aceff1f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..71d1eff
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..3f66c32
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..afedbf0
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 0000000..fe406cf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-after-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..d8451ab
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..64549c8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..219facd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..1242c17
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..9d9570e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..0a1bcb8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..0c165af
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 0000000..79ed0ec
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/scale-vert-marks-before-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..c02a2f8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..64b4c70
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..4d5badf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 0000000..834600d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-checked@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..b06e564
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..9433ac9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..5821699
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 0000000..703d7a1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/gtk.css b/themes/materia-cyberpunk-neon/gtk-3.0/gtk.css
new file mode 100644
index 0000000..9d38df2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/gtk.css
@@ -0,0 +1,6248 @@
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #711c91 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #711c91 100%, transparent 0%);
+  }
+}
+button, modelbutton.flat,
+.menuitem.button.flat, notebook > header > tabs > arrow, check,
+radio, row.activatable {
+  transition-property: all, border-image, background-size, background-image;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+button:active, modelbutton.flat:active,
+.menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active,
+radio:active, row.activatable:active {
+  transition-duration: 75ms, 225ms, 0ms, 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: 0% 0%;
+}
+
+* {
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #ff0000;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 24;
+  -GtkDialog-button-spacing: 4;
+  -GtkDialog-action-area-border: 4;
+  -gtk-secondary-caret-color: #711c91;
+  outline: 2px solid transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 5px;
+}
+*:focus {
+  outline-color: rgba(10, 189, 198, 0.12);
+}
+
+/**
+ * Base States
+ */
+.background {
+  background-color: #000b1e;
+  color: #0abdc6;
+}
+
+/*
+   These wildcard seems unavoidable, need to investigate.
+   Wildcards are bad and troublesome, use them with care,
+   or better, just don't.
+   Everytime a wildcard is used a kitten dies, painfully.
+*/
+*:disabled {
+  -gtk-icon-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #000b1e;
+  color: #0abdc6;
+}
+.gtkstyle-fallback:hover {
+  background-color: #012032;
+}
+.gtkstyle-fallback:active {
+  background-color: #022739;
+}
+.gtkstyle-fallback:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+.gtkstyle-fallback:selected {
+  background-color: #711c91;
+  color: #fff;
+}
+
+.view:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+.view:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+.view:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+.view:hover, .view:selected {
+  border-radius: 5px;
+}
+.view selection, .view:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+textview text {
+  background-color: #000b1e;
+  caret-color: #711c91;
+}
+frame:not(.flat) textview text, .frame textview text {
+  background-color: #091833;
+}
+popover.background textview text {
+  background-color: #133e7c;
+}
+messagedialog.background textview text {
+  background-color: #133e7c;
+}
+textview border {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, .nautilus-desktop.nautilus-canvas-item {
+  color: #fff;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+.nemo-desktop.nemo-canvas-item .rubberband, .caja-desktop.caja-canvas-item .rubberband, .nautilus-desktop.nautilus-canvas-item .rubberband,
+.nemo-desktop.nemo-canvas-item rubberband,
+.caja-desktop.caja-canvas-item rubberband,
+.nautilus-desktop.nautilus-canvas-item rubberband {
+  border: 1px solid #711c91;
+  background-color: rgba(113, 28, 145, 0.3);
+}
+
+XfdesktopIconView.view .rubberband, .content-view rubberband,
+.content-view .rubberband, treeview.view rubberband, flowbox rubberband,
+.rubberband,
+rubberband {
+  border: 1px solid #711c91;
+  background-color: rgba(113, 28, 145, 0.24);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 5px;
+}
+flowbox flowboxchild:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: #711c91;
+}
+label.separator {
+  color: rgba(10, 189, 198, 0.7);
+}
+label.error {
+  color: #ff0000;
+}
+label selection {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+label:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+headerbar label:disabled, menuitem label:disabled, tab label:disabled, button label:disabled {
+  color: inherit;
+}
+label.osd {
+  border-radius: 5px;
+  background-color: rgba(9, 24, 51, 0.9);
+  color: #ea00d9;
+}
+
+.dim-label {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+assistant .sidebar label {
+  min-height: 32px;
+  margin: 0 4px;
+  padding: 0 8px;
+  border-radius: 5px;
+  color: rgba(10, 189, 198, 0.5);
+  font-weight: 500;
+}
+assistant .sidebar label.highlight {
+  background-color: rgba(113, 28, 145, 0.16);
+  color: #711c91;
+}
+
+/**
+ * Spinner Animation
+ */
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+spinner {
+  background: none;
+  opacity: 0;
+  color: #711c91;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
+  animation: spin 1s linear infinite;
+}
+spinner:checked {
+  opacity: 1;
+}
+spinner:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * General Typography
+ */
+.large-title {
+  font-weight: 400;
+  font-size: 36pt;
+}
+
+.title-1, .nautilus-empty-state-icon + .large-title {
+  font-weight: 400;
+  font-size: 25.5pt;
+  letter-spacing: 0.1875pt;
+}
+
+.title-2 {
+  font-weight: 400;
+  font-size: 18pt;
+}
+
+.title-3 {
+  font-weight: 500;
+  font-size: 15pt;
+  letter-spacing: 0.1125pt;
+}
+
+.title-4 {
+  font-weight: 400;
+  font-size: 12pt;
+  letter-spacing: 0.375pt;
+}
+
+.heading {
+  font-weight: 500;
+  font-size: 1em;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 1em;
+}
+
+.caption-heading {
+  font-weight: 500;
+  font-size: 9pt;
+  letter-spacing: 1.125pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+  letter-spacing: 0.3pt;
+}
+
+/**
+ * Text Entries
+ */
+spinbutton:not(.vertical),
+entry {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 5px 5px 0 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 2/0 0 0;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #711c91;
+}
+spinbutton:focus:not(.vertical),
+entry:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 0%) 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+spinbutton:drop(active):not(.vertical),
+entry:drop(active) {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1168);
+}
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(10, 189, 198, 0.7);
+}
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #0abdc6;
+}
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton:not(.vertical) image.left,
+entry image.left {
+  margin-left: 0px;
+  margin-right: 6px;
+}
+spinbutton:not(.vertical) image.right,
+entry image.right {
+  margin-left: 6px;
+  margin-right: 0px;
+}
+spinbutton:not(.vertical) selection,
+entry selection {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ff0000 0%, transparent 0%) 2/0 0 0;
+  box-shadow: inset 0 -1px #ff0000;
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #ff0000;
+}
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ff0000 100%, transparent 0%) 2/0 0 2px;
+  box-shadow: inset 0 -1px #ff0000;
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f57800 0%, transparent 0%) 2/0 0 0;
+  box-shadow: inset 0 -1px #f57800;
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #f57800;
+}
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f57800 100%, transparent 0%) 2/0 0 2px;
+  box-shadow: inset 0 -1px #f57800;
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 0 -8px -4px;
+  border-bottom: 2px solid #711c91;
+  background-color: transparent;
+}
+.gedit-search-slider .linked:not(.vertical) > entry, spinbutton.vertical entry {
+  border-radius: 5px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #133e7c;
+  color: #0abdc6;
+  caret-color: #711c91;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:focus, spinbutton.vertical entry:focus {
+  border-image: none;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+.gedit-search-slider .linked:not(.vertical) > entry:drop(active), spinbutton.vertical entry:drop(active) {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+.gedit-search-slider .linked:not(.vertical) > entry:disabled, spinbutton.vertical entry:disabled {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #091833;
+  color: rgba(10, 189, 198, 0.5);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error, spinbutton.vertical entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #ff0000;
+  color: #fff;
+  caret-color: #fff;
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error:focus, spinbutton.vertical entry.error:focus {
+  border-image: none;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error:disabled, spinbutton.vertical entry.error:disabled {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #091833;
+  color: rgba(10, 189, 198, 0.5);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error image, spinbutton.vertical entry.error image {
+  color: rgba(255, 255, 255, 0.7);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:active, spinbutton.vertical entry.error image:active {
+  color: #fff;
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error image:disabled, spinbutton.vertical entry.error image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.warning, spinbutton.vertical entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #f57800;
+  color: #000;
+  caret-color: #000;
+}
+.gedit-search-slider .linked:not(.vertical) > entry.warning:focus, spinbutton.vertical entry.warning:focus {
+  border-image: none;
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.warning:disabled, spinbutton.vertical entry.warning:disabled {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #091833;
+  color: rgba(10, 189, 198, 0.5);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.warning image, spinbutton.vertical entry.warning image {
+  color: rgba(0, 0, 0, 0.7);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active, spinbutton.vertical entry.warning image:active {
+  color: #000;
+}
+.gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled, spinbutton.vertical entry.warning image:disabled {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+treeview entry, treeview entry.flat {
+  background-color: #091833;
+}
+treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag, .documents-entry-tag, .photos-entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: #0abdc6;
+}
+.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+/**
+ * Buttons
+ */
+@keyframes needs-attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#711c91), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#711c91), to(transparent));
+  }
+}
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 5px;
+  color: #0abdc6;
+  font-weight: 500;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+}
+button:drop(active),
+button:hover {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #124882;
+}
+button:focus {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #124d85;
+}
+button:active {
+  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5);
+}
+button:checked {
+  color: #711c91;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #22397f;
+}
+button:checked:drop(active),
+button:checked:hover {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #283780;
+}
+button:checked:focus {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #2b3681;
+}
+button:checked:active {
+  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.2272);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+button.image-button {
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+button.text-button.image-button {
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 5px;
+}
+button.text-button.image-button label:first-child {
+  margin-left: 12px;
+}
+button.text-button.image-button label:last-child {
+  margin-right: 12px;
+}
+button.text-button.image-button image:not(:only-child) {
+  margin: 0 4px;
+}
+.budgie-settings-window buttonbox.inline-toolbar button, #MatePanelPopupWindow button, #mate-menu button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, button.sidebar-button, scrollbar button, combobox > .linked:not(.vertical) > button:not(:only-child), spinbutton.vertical button, spinbutton:not(.vertical) button, .nemo-window .toolbar button, .raven .raven-header.top stackswitcher.linked > button, .caja-navigation-window box.horizontal > button.toggle.image-button, #CanvasTable button, layouttabbar button, .message-input-area button, filechooser #pathbarbox > stack > box > button, #buttonbox_frame button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #caja-extra-view-widget button, .lock-dialog button, infobar.info > revealer > box button, infobar.question > revealer > box button, messagedialog .dialog-action-box button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
+popover.background button.model, .titlebar button:not(.suggested-action):not(.destructive-action), toolbar button,
+button.flat {
+  color: rgba(10, 189, 198, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.budgie-settings-window buttonbox.inline-toolbar button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), button.sidebar-button:drop(active), scrollbar button:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), spinbutton.vertical button:drop(active), spinbutton:not(.vertical) button:drop(active), .nemo-window .toolbar button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), #CanvasTable button:drop(active), layouttabbar button:drop(active), .message-input-area button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), #buttonbox_frame button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), infobar.info > revealer > box button:drop(active), infobar.question > revealer > box button:drop(active), messagedialog .dialog-action-box button:drop(active), .app-notification button:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active),
+popover.background button.model:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), toolbar button:drop(active),
+button.flat:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, button.sidebar-button:hover, scrollbar button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, .nemo-window .toolbar button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, #CanvasTable button:hover, layouttabbar button:hover, .message-input-area button:hover, filechooser #pathbarbox > stack > box > button:hover, #buttonbox_frame button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, messagedialog .dialog-action-box button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
+popover.background button.model:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), toolbar button:hover,
+button.flat:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.budgie-settings-window buttonbox.inline-toolbar button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, button.sidebar-button:focus, scrollbar button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, .nemo-window .toolbar button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, #CanvasTable button:focus, layouttabbar button:focus, .message-input-area button:focus, filechooser #pathbarbox > stack > box > button:focus, #buttonbox_frame button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, infobar.info > revealer > box button:focus, infobar.question > revealer > box button:focus, messagedialog .dialog-action-box button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
+popover.background button.model:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), toolbar button:focus,
+button.flat:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.budgie-settings-window buttonbox.inline-toolbar button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, button.sidebar-button:active, scrollbar button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, .nemo-window .toolbar button:active, .raven .raven-header.top stackswitcher.linked > button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, #CanvasTable button:active, layouttabbar button:active, .message-input-area button:active, filechooser #pathbarbox > stack > box > button:active, #buttonbox_frame button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, messagedialog .dialog-action-box button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
+popover.background button.model:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), toolbar button:active,
+button.flat:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+.budgie-settings-window buttonbox.inline-toolbar button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, button.sidebar-button:disabled, scrollbar button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, .nemo-window .toolbar button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, #CanvasTable button:disabled, layouttabbar button:disabled, .message-input-area button:disabled, filechooser #pathbarbox > stack > box > button:disabled, #buttonbox_frame button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, messagedialog .dialog-action-box button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
+popover.background button.model:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), toolbar button:disabled,
+button.flat:disabled {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+
+.nemo-window .toolbar button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, #CanvasTable button:checked, layouttabbar button:checked, .message-input-area button:checked, filechooser #pathbarbox > stack > box > button:checked, #buttonbox_frame button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, messagedialog .dialog-action-box button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
+popover.background button.model:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), toolbar button:checked,
+button.flat:checked {
+  color: #711c91;
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+.nemo-window .toolbar button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), #CanvasTable button:checked:drop(active), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), #buttonbox_frame button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), infobar.info > revealer > box button:checked:drop(active), infobar.question > revealer > box button:checked:drop(active), messagedialog .dialog-action-box button:checked:drop(active), .app-notification button:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active),
+popover.background button.model:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), toolbar button:checked:drop(active),
+button.flat:checked:drop(active), .nemo-window .toolbar button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, #CanvasTable button:checked:hover, layouttabbar button:checked:hover, .message-input-area button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, #buttonbox_frame button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, infobar.info > revealer > box button:checked:hover, infobar.question > revealer > box button:checked:hover, messagedialog .dialog-action-box button:checked:hover, .app-notification button:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover,
+popover.background button.model:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), toolbar button:checked:hover,
+button.flat:checked:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+.nemo-window .toolbar button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, #CanvasTable button:checked:focus, layouttabbar button:checked:focus, .message-input-area button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, #buttonbox_frame button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, infobar.info > revealer > box button:checked:focus, infobar.question > revealer > box button:checked:focus, messagedialog .dialog-action-box button:checked:focus, .app-notification button:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus,
+popover.background button.model:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), toolbar button:checked:focus,
+button.flat:checked:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+.nemo-window .toolbar button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, #CanvasTable button:checked:active, layouttabbar button:checked:active, .message-input-area button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, #buttonbox_frame button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, infobar.info > revealer > box button:checked:active, infobar.question > revealer > box button:checked:active, messagedialog .dialog-action-box button:checked:active, .app-notification button:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active,
+popover.background button.model:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), toolbar button:checked:active,
+button.flat:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+.nemo-window .toolbar button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, #CanvasTable button:checked:disabled, layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, #buttonbox_frame button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
+popover.background button.model:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), toolbar button:checked:disabled,
+button.flat:checked:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+#buttonbox_frame button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, infobar.info > revealer > box button.text-button, infobar.question > revealer > box button.text-button, messagedialog .dialog-action-box button.text-button, .app-notification button.text-button, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button,
+popover.background button.text-button.model, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), toolbar button.text-button,
+button.flat.text-button {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+#buttonbox_frame button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, infobar.info > revealer > box button.text-button.image-button, infobar.question > revealer > box button.text-button.image-button, messagedialog .dialog-action-box button.text-button.image-button, .app-notification button.text-button.image-button, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button,
+popover.background button.text-button.image-button.model, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), toolbar button.text-button.image-button,
+button.flat.text-button.image-button {
+  min-width: 24px;
+  padding: 4px;
+}
+#buttonbox_frame button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, infobar.info > revealer > box button.text-button.image-button label:first-child, infobar.question > revealer > box button.text-button.image-button label:first-child, messagedialog .dialog-action-box button.text-button.image-button label:first-child, .app-notification button.text-button.image-button label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child,
+popover.background button.text-button.image-button.model label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, toolbar button.text-button.image-button label:first-child,
+button.flat.text-button.image-button label:first-child {
+  margin-left: 8px;
+}
+#buttonbox_frame button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, infobar.info > revealer > box button.text-button.image-button label:last-child, infobar.question > revealer > box button.text-button.image-button label:last-child, messagedialog .dialog-action-box button.text-button.image-button label:last-child, .app-notification button.text-button.image-button label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child,
+popover.background button.text-button.image-button.model label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, toolbar button.text-button.image-button label:last-child,
+button.flat.text-button.image-button label:last-child {
+  margin-right: 8px;
+}
+#buttonbox_frame .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:only-child), .app-notification .linked:not(.vertical) > button:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child),
+popover.background .linked:not(.vertical) > button.model:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), toolbar .linked:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked.vertical > button:not(:only-child), .drop-shadow .linked.vertical > button:not(:only-child), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child), #caja-extra-view-widget .linked.vertical > button:not(:only-child), .lock-dialog .linked.vertical > button:not(:only-child), infobar.info > revealer > box .linked.vertical > button:not(:only-child), infobar.question > revealer > box .linked.vertical > button:not(:only-child), messagedialog .dialog-action-box .linked.vertical > button:not(:only-child), .app-notification .linked.vertical > button:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child),
+popover.background .linked.vertical > button.model:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), toolbar .linked.vertical > button:not(:only-child),
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 5px;
+}
+#buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button),
+popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.info > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), messagedialog .dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button),
+popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button),
+.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button),
+.linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) {
+  border-radius: 9999px;
+}
+
+button.osd {
+  padding: 8px 12px;
+}
+button.osd.image-button {
+  padding: 8px;
+}
+button.osd:disabled {
+  opacity: 0;
+}
+button.suggested-action {
+  color: #fff;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #711c91;
+}
+button.suggested-action:drop(active), button.suggested-action:hover {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #7c2e9a;
+}
+button.suggested-action:focus {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #82379e;
+}
+button.suggested-action:active {
+  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.suggested-action:checked {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #8840a3;
+}
+button.suggested-action:checked:drop(active), button.suggested-action:checked:hover {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #8d48a7;
+}
+button.suggested-action:checked:focus {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #924faa;
+}
+button.suggested-action:checked:active {
+  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+button.suggested-action.flat {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+button.suggested-action.flat:drop(active), button.suggested-action.flat:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.suggested-action.flat:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.suggested-action.flat:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+button.suggested-action.flat:checked {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+button.suggested-action.flat:checked:drop(active), button.suggested-action.flat:checked:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+button.suggested-action.flat:checked:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+button.suggested-action.flat:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+button.destructive-action {
+  color: #fff;
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff0000;
+}
+button.destructive-action:drop(active), button.destructive-action:hover {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff1414;
+}
+button.destructive-action:focus {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff1f1f;
+}
+button.destructive-action:active {
+  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.destructive-action:checked {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff2929;
+}
+button.destructive-action:checked:drop(active), button.destructive-action:checked:hover {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff3a3a;
+}
+button.destructive-action:checked:focus {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff4343;
+}
+button.destructive-action:checked:active {
+  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+button.destructive-action.flat {
+  color: #ff0000;
+  box-shadow: none;
+  background-color: transparent;
+}
+button.destructive-action.flat:drop(active), button.destructive-action.flat:hover {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.12);
+}
+button.destructive-action.flat:focus {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.12);
+}
+button.destructive-action.flat:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(255, 0, 0, 0.16) 10%, transparent 0%);
+}
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+button.destructive-action.flat:checked {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.16);
+}
+button.destructive-action.flat:checked:drop(active), button.destructive-action.flat:checked:hover {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.2608);
+}
+button.destructive-action.flat:checked:focus {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.2608);
+}
+button.destructive-action.flat:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(255, 0, 0, 0.16) 10%, transparent 0%);
+}
+.stack-switcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+.stack-switcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+.stack-switcher > button.needs-attention:checked > label,
+.stack-switcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+.inline-toolbar button:not(.text-button) {
+  border-radius: 9999px;
+}
+.primary-toolbar button {
+  -gtk-icon-shadow: none;
+}
+button.close, button.circular {
+  border-radius: 9999px;
+}
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked:not(.vertical) > button, button.sidebar-button, notebook > header > tabs > tab button.flat, spinbutton:not(.vertical) button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > combobox:not(:first-child) > box > button.combo, .linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical),
+.linked:not(.vertical) > entry:not(:first-child),
+.linked:not(.vertical) > button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.linked:not(.vertical) > combobox:not(:last-child) > box > button.combo, .linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical),
+.linked:not(.vertical) > entry:not(:last-child),
+.linked:not(.vertical) > button:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > spinbutton:not(:first-child):not(.vertical),
+.linked.vertical > entry:not(:first-child),
+.linked.vertical > button:not(:first-child) {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > spinbutton:not(:last-child):not(.vertical),
+.linked.vertical > entry:not(:last-child),
+.linked.vertical > button:not(:last-child) {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.linked:not(.vertical) > button.image-button:first-child:not(.text-button) {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+.linked:not(.vertical) > button.image-button:last-child:not(.text-button) {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+.linked:not(.vertical) > button.image-button:only-child:not(.text-button) {
+  border-radius: 9999px;
+}
+
+.linked.vertical > button.image-button:first-child:not(.text-button) {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+.linked.vertical > button.image-button:last-child:not(.text-button) {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+.linked.vertical > button.image-button:only-child:not(.text-button) {
+  border-radius: 9999px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 5px;
+}
+modelbutton.flat:drop(active), modelbutton.flat:hover,
+.menuitem.button.flat:drop(active),
+.menuitem.button.flat:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+modelbutton.flat:focus,
+.menuitem.button.flat:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+modelbutton.flat:active,
+.menuitem.button.flat:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+modelbutton.flat:selected,
+.menuitem.button.flat:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+modelbutton.flat arrow {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(10, 189, 198, 0.7);
+}
+modelbutton.flat arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+modelbutton.flat arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+modelbutton.flat arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px;
+}
+/**
+ * Links
+ */
+*:link {
+  color: #711c91;
+}
+*:link:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+*:visited {
+  color: #711c91;
+}
+*:visited:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+button.link:link {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+button.link:link:drop(active), button.link:link:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:link:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:link:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+button.link:visited {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+button.link:visited:drop(active), button.link:visited:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:visited:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:visited:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+button.link:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/**
+ * GtkSpinButton
+ */
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+spinbutton:not(.vertical) entry {
+  min-width: 24px;
+  margin: 0;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+spinbutton:not(.vertical) button {
+  border: solid 4px transparent;
+  background-clip: padding-box;
+}
+spinbutton:not(.vertical) button:focus:not(:hover):not(:active) {
+  background-color: transparent;
+}
+spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
+  margin-left: -2px;
+}
+spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
+  margin-right: -2px;
+}
+spinbutton.vertical {
+  caret-color: #711c91;
+}
+spinbutton.vertical:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.vertical entry {
+  min-height: 32px;
+  min-width: 40px;
+  padding: 0;
+}
+spinbutton.vertical button {
+  min-height: 32px;
+  min-width: 40px;
+  padding: 0;
+}
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  background-color: transparent;
+}
+spinbutton.vertical button.up {
+  border-radius: 5px 5px 0 0;
+}
+spinbutton.vertical button.down {
+  border-radius: 0 0 5px 5px;
+}
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+treeview spinbutton:not(.vertical) entry {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+/**
+ * ComboBoxes
+ */
+combobox arrow {
+  transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1);
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+combobox button.combo:checked arrow {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+combobox decoration {
+  transition: none;
+}
+combobox cellview {
+  margin: -2px;
+}
+combobox button.combo cellview:dir(ltr) {
+  margin-left: -2px;
+}
+combobox button.combo cellview:dir(rtl) {
+  margin-right: -2px;
+}
+combobox menu {
+  padding: 2px 0;
+}
+combobox menu menuitem {
+  min-height: 28px;
+  padding: 0 8px;
+}
+combobox menu > arrow.top {
+  margin-top: -2px;
+}
+combobox menu > arrow.bottom {
+  margin-top: 4px;
+  margin-bottom: -6px;
+}
+combobox > .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 5px 5px 0 0;
+}
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -32px;
+  padding-right: 32px;
+}
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -32px;
+  padding-left: 32px;
+}
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 4px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+button.combo:only-child {
+  border-radius: 5px 5px 0 0;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 2/0 0 0;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #711c91;
+}
+button.combo:only-child:focus {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+button.combo:only-child:drop(active), button.combo:only-child:hover {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1168);
+}
+button.combo:only-child:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 0%) 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+button.combo:only-child:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.combo:only-child arrow {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(10, 189, 198, 0.7);
+}
+button.combo:only-child arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * Toolbars
+ */
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px;
+}
+toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
+  border-radius: 0;
+}
+toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+toolbar.horizontal > separator {
+  margin: 2px;
+}
+toolbar.vertical > separator {
+  margin: 2px;
+}
+toolbar:not(.inline-toolbar):not(.osd) scale,
+toolbar:not(.inline-toolbar):not(.osd) entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton,
+toolbar:not(.inline-toolbar):not(.osd) button {
+  margin: 2px;
+}
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
+  margin-left: 0;
+}
+toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
+toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
+  margin-right: 0;
+}
+toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
+toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
+  margin: 0;
+}
+toolbar:not(.inline-toolbar):not(.osd) switch {
+  margin: 6px 2px;
+}
+
+frame.documents-dropdown, .app-notification, toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 4px;
+  border-radius: 5px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.inline-toolbar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  background-color: #091833;
+  background-clip: padding-box;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+  padding: 4px;
+}
+
+/**
+ * Header bars
+ */
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px 5px 0 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #091833;
+  color: #ea00d9;
+}
+.titlebar:disabled {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar:backdrop {
+  background-color: #000823;
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar:backdrop:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.titlebar .title {
+  padding-left: 12px;
+  padding-right: 12px;
+  font-weight: bold;
+}
+.titlebar .subtitle {
+  padding-left: 12px;
+  padding-right: 12px;
+  font-size: smaller;
+}
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar .titlebar {
+  background-color: transparent;
+  box-shadow: none;
+}
+.titlebar headerbar + separator {
+  background-color: rgba(234, 0, 217, 0.2);
+}
+.titlebar entry {
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.3);
+  background-color: rgba(234, 0, 217, 0.04);
+  color: #ea00d9;
+}
+.titlebar entry:disabled {
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.2);
+  background-color: rgba(234, 0, 217, 0.04);
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar entry image {
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar entry image:hover, .titlebar entry image:active {
+  color: #ea00d9;
+}
+.titlebar entry image:disabled {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 5px 5px 0 0;
+}
+.titlebar button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+  color: #ea00d9;
+  box-shadow: none;
+  background-color: transparent;
+}
+.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.5);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+
+.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
+  background-color: rgba(234, 0, 217, 0.08);
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 104px;
+}
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #711c91;
+  color: #fff;
+}
+.titlebar.selection-mode:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+.titlebar.selection-mode .subtitle:link {
+  color: #fff;
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+  color: #fff;
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+  color: #fff;
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.titlebar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #711c91;
+}
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 4px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+}
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+
+headerbar {
+  min-height: 40px;
+  padding: 0 4px;
+}
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+headerbar separator.titlebutton {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  background-color: rgba(234, 0, 217, 0.2);
+}
+headerbar switch {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+headerbar spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+/**
+ * Pathbars
+ */
+.caja-pathbar button,
+.path-bar.linked:not(.vertical) > button {
+  padding-left: 4px;
+  padding-right: 4px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 0 0 0/0 0 0;
+  border-radius: 5px;
+  color: rgba(10, 189, 198, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.caja-pathbar button:drop(active), .caja-pathbar button:hover,
+.path-bar.linked:not(.vertical) > button:drop(active),
+.path-bar.linked:not(.vertical) > button:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.caja-pathbar button:focus,
+.path-bar.linked:not(.vertical) > button:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+.caja-pathbar button:active,
+.path-bar.linked:not(.vertical) > button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+.caja-pathbar button:disabled,
+.path-bar.linked:not(.vertical) > button:disabled {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+.caja-pathbar button:checked,
+.path-bar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 0%) 0 0 2/0 0 2px;
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+.caja-pathbar button:checked:drop(active), .caja-pathbar button:checked:hover,
+.path-bar.linked:not(.vertical) > button:checked:drop(active),
+.path-bar.linked:not(.vertical) > button:checked:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.caja-pathbar button:checked:focus,
+.path-bar.linked:not(.vertical) > button:checked:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.caja-pathbar button:checked:active,
+.path-bar.linked:not(.vertical) > button:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+.caja-pathbar button:checked:disabled,
+.path-bar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.5);
+}
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+.caja-pathbar button.text-button,
+.path-bar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+.caja-pathbar button.slider-button,
+.path-bar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**
+ * Tree Views
+ */
+treeview.view {
+  border-left-color: rgba(10, 189, 198, 0.3);
+  border-top-color: rgba(10, 189, 198, 0.2);
+}
+* {
+  -GtkTreeView-horizontal-separator: 4;
+  -GtkTreeView-grid-line-width: 1;
+  -GtkTreeView-grid-line-pattern: "";
+  -GtkTreeView-tree-line-width: 1;
+  -GtkTreeView-tree-line-pattern: "";
+  -GtkTreeView-expander-size: 16;
+}
+
+treeview.view:hover, treeview.view:selected {
+  border-radius: 0;
+}
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(10, 189, 198, 0.2);
+}
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: rgba(10, 189, 198, 0.12);
+}
+treeview.view:drop(active).after {
+  border-top-style: none;
+}
+treeview.view:drop(active).before {
+  border-bottom-style: none;
+}
+treeview.view.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(10, 189, 198, 0.7);
+}
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+treeview.view.expander:hover, treeview.view.expander:active {
+  color: #0abdc6;
+}
+treeview.view.expander:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+treeview.view.progressbar {
+  border-bottom: 4px solid #711c91;
+  background-color: transparent;
+}
+treeview.view.progressbar:selected:hover {
+  background-color: transparent;
+}
+treeview.view.trough {
+  border-bottom: 4px solid rgba(10, 189, 198, 0.2);
+  background-color: transparent;
+}
+treeview.view.trough:selected:hover {
+  background-color: transparent;
+}
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+  background-clip: padding-box;
+  color: rgba(10, 189, 198, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+treeview.view header button:drop(active), treeview.view header button:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+}
+treeview.view header button:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+treeview.view header button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) {
+  transition-property: all, border-image, background-size, background-image, background-color;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+treeview.view header button:disabled {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+treeview.view header button:last-child {
+  border-right-style: none;
+}
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+  box-shadow: none;
+  background-clip: padding-box;
+  background-color: #133e7c;
+  color: #711c91;
+}
+treeview.view acceleditor > label {
+  background-color: #711c91;
+}
+
+/**
+ * Menus
+ */
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  background-color: #091833;
+  color: #ea00d9;
+}
+menubar:backdrop,
+.menubar:backdrop {
+  background-color: #000823;
+  color: rgba(234, 0, 217, 0.7);
+}
+.csd menubar,
+.csd .menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(234, 0, 217, 0.7);
+}
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: rgba(234, 0, 217, 0.16);
+  color: #ea00d9;
+}
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+
+.background.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 4px 0;
+  padding: 4px 0;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+  color: #0abdc6;
+  font: initial;
+  text-shadow: none;
+}
+.csd menu,
+.csd .menu,
+.csd .context-menu {
+  border: none;
+  border-radius: 5px;
+}
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+}
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+  color: rgba(10, 189, 198, 0.7);
+}
+menu menuitem arrow:disabled,
+.menu menuitem arrow:disabled,
+.context-menu menuitem arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+menu menuitem arrow:dir(ltr),
+.menu menuitem arrow:dir(ltr),
+.context-menu menuitem arrow:dir(ltr) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+  margin-left: 8px;
+}
+menu menuitem arrow:dir(rtl),
+.menu menuitem arrow:dir(rtl),
+.context-menu menuitem arrow:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+  margin-right: 8px;
+}
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #133e7c;
+  color: rgba(10, 189, 198, 0.7);
+}
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: -4px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 5px 5px 0 0;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+menu > arrow.bottom,
+.menu > arrow.bottom,
+.context-menu > arrow.bottom {
+  margin-top: 8px;
+  margin-bottom: -12px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 0 0 5px 5px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+menu > arrow:disabled,
+.menu > arrow:disabled,
+.context-menu > arrow:disabled {
+  border-color: transparent;
+  background-color: transparent;
+  color: transparent;
+}
+menu separator,
+.menu separator,
+.context-menu separator {
+  margin: 4px 0;
+}
+
+menuitem accelerator {
+  color: rgba(10, 189, 198, 0.7);
+}
+menuitem:disabled accelerator {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * Popovers
+ */
+popover.background {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 2px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+}
+popover.background:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+popover.background, .csd popover.background {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  background-clip: padding-box;
+}
+popover.background > stack {
+  margin: -4px;
+}
+popover.background > toolbar {
+  margin: -2px;
+}
+popover.background > list,
+popover.background > .view,
+popover.background > toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+popover.background.menu button,
+popover.background button.model {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 5px;
+}
+popover.background separator {
+  margin: 4px 0;
+}
+popover.background list separator {
+  margin: 0;
+}
+
+/**
+ * Notebooks
+ */
+notebook:focus > header > tabs > tab:checked {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+notebook > header.top {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+}
+notebook > header.top > tabs > tab {
+  box-shadow: inset 0 -2px transparent;
+}
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #711c91;
+}
+notebook > header.bottom {
+  box-shadow: inset 0 1px rgba(10, 189, 198, 0.2);
+}
+notebook > header.bottom > tabs > tab {
+  box-shadow: inset 0 2px transparent;
+}
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #711c91;
+}
+notebook > header.left {
+  box-shadow: inset -1px 0 rgba(10, 189, 198, 0.2);
+}
+notebook > header.left > tabs > tab {
+  box-shadow: inset -2px 0 transparent;
+}
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #711c91;
+}
+notebook > header.right {
+  box-shadow: inset 1px 0 rgba(10, 189, 198, 0.2);
+}
+notebook > header.right > tabs > tab {
+  box-shadow: inset 2px 0 transparent;
+}
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #711c91;
+}
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  border-radius: 0;
+  color: rgba(10, 189, 198, 0.7);
+}
+notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+notebook > header > tabs > arrow:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+notebook > header > tabs > arrow:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+notebook > header > tabs > arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+notebook > header > tabs > tab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 16px;
+  outline: none;
+  background-image: radial-gradient(circle, #711c91 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+notebook > header > tabs > tab:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+notebook > header > tabs > tab:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+notebook > header > tabs > tab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #711c91;
+}
+notebook > header > tabs > tab:checked:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+notebook > header > tabs > tab:checked.dnd {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -4px -16px;
+  padding: 4px 16px;
+}
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 4px;
+  margin-right: -12px;
+}
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -12px;
+  margin-right: 4px;
+}
+
+/**
+ * Scrollbars
+ */
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-clip: padding-box;
+}
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar.bottom {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar.left {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar.right {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(10, 189, 198, 0.5);
+}
+scrollbar slider:hover {
+  background-color: rgba(10, 189, 198, 0.6);
+}
+scrollbar slider:active {
+  background-color: rgba(10, 189, 198, 0.7);
+}
+scrollbar slider:disabled {
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scrollbar.fine-tune slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+scrollbar.fine-tune.horizontal slider {
+  margin: 2px 0;
+}
+scrollbar.fine-tune.vertical slider {
+  margin: 0 2px;
+}
+scrollbar.overlay-indicator:not(.fine-tune) slider {
+  transition-property: background-color, min-height, min-width;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(9, 24, 51, 0.3);
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(9, 24, 51, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(10, 189, 198, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
+  min-width: 24px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
+  min-width: 8px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
+  min-height: 24px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
+  min-height: 8px;
+}
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: #133e7c;
+}
+scrollbar.horizontal slider {
+  min-width: 24px;
+}
+scrollbar.vertical slider {
+  min-height: 24px;
+}
+scrollbar button {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+scrollbar.vertical button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+scrollbar.vertical button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+scrollbar.horizontal button.down {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+scrollbar.horizontal button.up {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+/**
+ * Switch
+ */
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 4px 0;
+  padding: 0 2px;
+  border: 5px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(10, 189, 198, 0.3);
+  background-clip: padding-box;
+  font-size: 0;
+}
+switch:checked {
+  background-color: rgba(113, 28, 145, 0.5);
+}
+switch:disabled {
+  opacity: 0.5;
+}
+switch image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+switch slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 20px;
+  min-height: 20px;
+  margin: -3px -2px;
+  border-radius: 9999px;
+  outline: none;
+  box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #133e7c;
+}
+switch:hover slider {
+  box-shadow: 0 0 0 10px rgba(10, 189, 198, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+switch:focus slider {
+  box-shadow: 0 0 0 10px rgba(10, 189, 198, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+switch:checked slider {
+  background-color: #711c91;
+}
+switch:checked:hover slider {
+  box-shadow: 0 0 0 10px rgba(113, 28, 145, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+switch:checked:focus slider {
+  box-shadow: 0 0 0 10px rgba(113, 28, 145, 0.12), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+/**
+ * Check and Radio items
+ */
+.view.content-view.check:not(list),
+.content-view:not(list) check {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view:not(list) check:hover,
+.content-view:not(list) check:active {
+  -gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12);
+}
+.view.content-view.check:not(list),
+.content-view:not(list) check {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+.view.content-view.check:not(list):checked,
+.content-view:not(list) check:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+  outline: none;
+}
+
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 2px;
+}
+checkbutton.text-button label:not(:only-child),
+radiobutton.text-button label:not(:only-child) {
+  margin: 0 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+  border-radius: 9999px;
+  color: rgba(10, 189, 198, 0.7);
+}
+check:drop(active), check:hover,
+radio:drop(active),
+radio:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+check:focus,
+radio:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+check:active,
+radio:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #711c91;
+}
+check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover,
+radio:checked:drop(active),
+radio:checked:hover,
+radio:indeterminate:drop(active),
+radio:indeterminate:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+check:checked:focus, check:indeterminate:focus,
+radio:checked:focus,
+radio:indeterminate:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+check:disabled,
+radio:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled,
+popover modelbutton.flat radio,
+popover modelbutton.flat radio:focus,
+popover modelbutton.flat radio:hover,
+popover modelbutton.flat radio:focus:hover,
+popover modelbutton.flat radio:active,
+popover modelbutton.flat radio:disabled {
+  transition: none;
+  background-color: transparent;
+  background-image: none;
+}
+popover modelbutton.flat check.left:dir(rtl),
+popover modelbutton.flat radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+popover modelbutton.flat check.right:dir(ltr),
+popover modelbutton.flat radio.right:dir(ltr) {
+  margin-left: -4px;
+  margin-right: -12px;
+}
+menu menuitem check,
+menu menuitem radio {
+  transition: none;
+  margin: 0;
+  padding: 0;
+}
+menu menuitem check:dir(ltr),
+menu menuitem radio:dir(ltr) {
+  margin-right: 8px;
+}
+menu menuitem check:dir(rtl),
+menu menuitem radio:dir(rtl) {
+  margin-left: 8px;
+}
+menu menuitem check:hover, menu menuitem check:focus, menu menuitem check:checked:hover, menu menuitem check:checked:focus, menu menuitem check:indeterminate:hover, menu menuitem check:indeterminate:focus,
+menu menuitem radio:hover,
+menu menuitem radio:focus,
+menu menuitem radio:checked:hover,
+menu menuitem radio:checked:focus,
+menu menuitem radio:indeterminate:hover,
+menu menuitem radio:indeterminate:focus {
+  background-color: transparent;
+}
+
+check {
+  -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
+}
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
+}
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
+}
+
+radio {
+  -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
+  border-image-slice: 20;
+  border-image-width: 20px;
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#711c91), to(transparent));
+}
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
+}
+radio:checked:not(:indeterminate) {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#711c91), to(transparent));
+}
+radio:checked:not(:indeterminate):disabled {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(10, 189, 198, 0.3)), to(transparent));
+}
+
+#MozillaGtkWidget > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 5px;
+  -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
+}
+#MozillaGtkWidget > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
+}
+#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
+}
+
+#MozillaGtkWidget > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
+}
+#MozillaGtkWidget > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
+}
+#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+  color: rgba(10, 189, 198, 0.7);
+}
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #711c91;
+}
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover,
+treeview.view radio,
+treeview.view radio:hover,
+treeview.view radio:selected,
+treeview.view radio:selected:hover {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
+  border-image: none;
+}
+
+/**
+ * GtkScale
+ */
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+scale.horizontal {
+  padding: 15px 12px;
+}
+scale.vertical {
+  padding: 12px 15px;
+}
+scale slider {
+  min-height: 32px;
+  min-width: 32px;
+  margin: -15px;
+}
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 14px;
+  padding-right: 14px;
+}
+scale.fine-tune slider {
+  margin: -14px;
+}
+scale trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scale trough:disabled {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+scale highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#711c91);
+}
+scale highlight:disabled {
+  background-color: #000b1e;
+  background-image: image(rgba(10, 189, 198, 0.3));
+}
+scale fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scale fill:disabled {
+  background-color: transparent;
+}
+scale slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: #711c91;
+}
+scale slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale slider:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+scale slider:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+scale slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+  background-size: auto, 0% 0%;
+}
+scale marks,
+scale value {
+  color: rgba(10, 189, 198, 0.7);
+}
+scale indicator {
+  background-color: rgba(10, 189, 198, 0.3);
+  color: transparent;
+}
+scale.horizontal marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+scale.horizontal.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+scale.horizontal marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+scale.horizontal.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+scale.vertical marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+scale.vertical.fine-tune marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+scale.vertical marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+scale.vertical.fine-tune marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+scale.horizontal.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.horizontal.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.horizontal.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+scale.horizontal.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.horizontal.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.horizontal.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+scale.vertical.marks-before:not(.marks-after) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.vertical.marks-before:not(.marks-after) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.vertical.marks-before:not(.marks-after) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+scale.vertical.marks-after:not(.marks-before) slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.vertical.marks-after:not(.marks-before) slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
+}
+scale.vertical.marks-after:not(.marks-before) slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+scale.color.horizontal {
+  padding: 0 0 12px 0;
+}
+scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
+  margin-bottom: -24px;
+  margin-top: 8px;
+}
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -24px;
+  margin-right: 8px;
+}
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -24px;
+  margin-left: 8px;
+}
+
+/**
+ * Progress bars
+ */
+progressbar {
+  color: rgba(10, 189, 198, 0.7);
+  font-size: smaller;
+}
+progressbar.horizontal trough,
+progressbar.horizontal progress {
+  min-height: 4px;
+}
+progressbar.vertical trough,
+progressbar.vertical progress {
+  min-width: 4px;
+}
+progressbar trough {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+progressbar progress {
+  background-color: #711c91;
+}
+progressbar trough.empty progress {
+  all: unset;
+}
+
+/**
+ * Level Bar
+ */
+levelbar.horizontal block {
+  min-height: 4px;
+}
+levelbar.horizontal.discrete block {
+  min-width: 32px;
+}
+levelbar.horizontal.discrete block:not(:last-child) {
+  margin-right: 2px;
+}
+levelbar.vertical block {
+  min-width: 4px;
+}
+levelbar.vertical.discrete block {
+  min-height: 32px;
+}
+levelbar.vertical.discrete block:not(:last-child) {
+  margin-bottom: 2px;
+}
+levelbar block.low {
+  background-color: #f57800;
+}
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #711c91;
+}
+levelbar block.full {
+  background-color: #d300c4;
+}
+levelbar block.empty {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+/**
+ * Print dialog
+ */
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+  background-color: #091833;
+  color: #0abdc6;
+}
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**
+ * Frames
+ */
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+  box-shadow: none;
+  background-clip: padding-box;
+  background-color: #091833;
+}
+frame > border.flat,
+.frame.flat {
+  border-style: none;
+  background-color: transparent;
+}
+
+frame.flat > border {
+  border-style: none;
+  background-color: transparent;
+}
+
+actionbar > revealer > box {
+  padding: 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 5px 5px 0 0;
+}
+
+scrolledwindow viewport.frame {
+  border-style: none;
+  background-color: transparent;
+}
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(113, 28, 145, 0.24)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+overshoot.bottom {
+  background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(113, 28, 145, 0.24)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: center bottom;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+overshoot.left {
+  background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(113, 28, 145, 0.24)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+overshoot.right {
+  background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(113, 28, 145, 0.24)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+}
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+.tweak-categories separator, preferences stacksidebar.sidebar list separator, stacksidebar.sidebar + separator.vertical,
+stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/**
+ * Lists
+ */
+list {
+  border-color: rgba(10, 189, 198, 0.2);
+}
+list row {
+  padding: 2px;
+}
+
+row {
+  background-clip: padding-box;
+}
+row.activatable:drop(active), row.activatable:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+row.activatable:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+row.activatable:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) {
+  transition-property: all, border-image, background-size, background-image, background-color;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+row.activatable.has-open-popup {
+  background-color: rgba(10, 189, 198, 0.16);
+}
+row:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+row:selected:drop(active), row:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+row:selected:focus {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+row:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+row:selected.has-open-popup {
+  background-color: rgba(113, 28, 145, 0.664);
+}
+
+/**
+ * App Notifications
+ */
+.app-notification {
+  margin: 8px;
+}
+.app-notification button.text-button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+.app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.app-notification button.text-button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.app-notification button.text-button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+.app-notification.frame {
+  border-style: none;
+}
+.app-notification border {
+  border-style: none;
+  background-color: transparent;
+}
+
+/**
+ * Expanders
+ */
+expander title > arrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  color: rgba(10, 189, 198, 0.7);
+}
+expander title > arrow:checked:dir(ltr) {
+  -gtk-icon-transform: rotate(-180deg);
+}
+expander title > arrow:checked:dir(rtl) {
+  -gtk-icon-transform: rotate(180deg);
+}
+expander title > arrow:hover, expander title > arrow:active {
+  color: #0abdc6;
+}
+expander title > arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * Calendar
+ */
+calendar {
+  padding: 1px;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+  background-color: #091833;
+  color: #0abdc6;
+}
+calendar:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+calendar:selected {
+  border-radius: 6px;
+  background-color: rgba(113, 28, 145, 0.6);
+}
+calendar.header {
+  border-style: none none solid;
+  border-color: rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+}
+calendar.button {
+  border-radius: 6px;
+  color: rgba(10, 189, 198, 0.7);
+}
+calendar.button:hover {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+calendar.button:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+calendar.highlight {
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+calendar:indeterminate {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * Dialogs
+ */
+messagedialog.background {
+  background-color: #133e7c;
+}
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+messagedialog .titlebar:backdrop {
+  background-color: #133e7c;
+  color: rgba(10, 189, 198, 0.7);
+}
+messagedialog.csd.background {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+messagedialog box.vertical > label + label {
+  color: rgba(10, 189, 198, 0.7);
+}
+messagedialog .dialog-action-box {
+  margin-top: -4px;
+}
+messagedialog .dialog-action-box button:not(:last-child) {
+  margin-right: 4px;
+}
+messagedialog .dialog-action-box button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+messagedialog .dialog-action-box button:not(:disabled):drop(active), messagedialog .dialog-action-box button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+messagedialog .dialog-action-box button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+messagedialog .dialog-action-box button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+messagedialog .dialog-action-box button.destructive-action:not(:disabled) {
+  color: #ff0000;
+  box-shadow: none;
+  background-color: transparent;
+}
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):drop(active), messagedialog .dialog-action-box button.destructive-action:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.12);
+}
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(255, 0, 0, 0.12);
+}
+messagedialog .dialog-action-box button.destructive-action:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(255, 0, 0, 0.16) 10%, transparent 0%);
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+filechooser #pathbarbox > stack > box > button {
+  border-radius: 9999px;
+}
+
+/**
+ * Sidebar
+ */
+.sidebar {
+  border-style: none;
+  background-color: transparent;
+}
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+  border-right-style: none;
+}
+
+paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) {
+  border-style: none;
+}
+
+stacksidebar.sidebar list {
+  padding: 4px;
+}
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 2px;
+  border-radius: 5px;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+stacksidebar.sidebar row:selected {
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover {
+  background-color: rgba(113, 28, 145, 0.2272);
+}
+stacksidebar.sidebar row:selected:focus {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+stacksidebar.sidebar row:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+stacksidebar.sidebar row + row {
+  margin-top: 4px;
+}
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+separator.sidebar {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+/**
+ * File chooser
+ */
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(10, 189, 198, 0.7);
+}
+row image.sidebar-icon:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+placessidebar.sidebar > viewport.frame {
+  border-style: none;
+  background-color: transparent;
+}
+placessidebar.sidebar list {
+  padding: 1px 0 4px;
+}
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: -1px 4px;
+  padding: 0;
+  border-radius: 5px;
+}
+placessidebar.sidebar row > revealer {
+  padding: 0 8px;
+}
+placessidebar.sidebar row:selected {
+  color: #711c91;
+  font-weight: 500;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover {
+  background-color: rgba(113, 28, 145, 0.2272);
+}
+placessidebar.sidebar row:selected:focus {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+placessidebar.sidebar row:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+placessidebar.sidebar row:selected image.sidebar-icon {
+  color: #711c91;
+}
+placessidebar.sidebar row:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #711c91;
+}
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #711c91;
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+placesview > actionbar > revealer > box > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/**
+ * Paned
+ */
+paned > separator {
+  min-width: 1px;
+  min-height: 1px;
+  -gtk-icon-source: none;
+  border-style: none;
+  background-color: transparent;
+  background-image: image(rgba(10, 189, 198, 0.2));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-image: image(rgba(10, 189, 198, 0.2)), image(rgba(10, 189, 198, 0.2));
+  background-size: 1px 1px, 1px 1px;
+}
+paned.horizontal > separator {
+  background-repeat: repeat-y;
+}
+paned.horizontal > separator:dir(ltr) {
+  margin: 0 -8px 0 0;
+  padding: 0 8px 0 0;
+  background-position: left;
+}
+paned.horizontal > separator:dir(rtl) {
+  margin: 0 0 0 -8px;
+  padding: 0 0 0 8px;
+  background-position: right;
+}
+paned.horizontal > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-y, repeat-y;
+  background-position: left, right;
+}
+paned.vertical > separator {
+  margin: 0 0 -8px 0;
+  padding: 0 0 8px 0;
+  background-repeat: repeat-x;
+  background-position: top;
+}
+paned.vertical > separator.wide {
+  margin: 0;
+  padding: 0;
+  background-repeat: repeat-x, repeat-x;
+  background-position: bottom, top;
+}
+
+/**
+ * GtkInfoBar
+ */
+infobar {
+  border-style: none;
+}
+infobar.action:hover > revealer > box {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+infobar.info > revealer > box, infobar.question > revealer > box {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+infobar.info > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button.text-button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+infobar.info > revealer > box button.text-button:not(:disabled):drop(active), infobar.info > revealer > box button.text-button:not(:disabled):hover, infobar.question > revealer > box button.text-button:not(:disabled):drop(active), infobar.question > revealer > box button.text-button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+infobar.info > revealer > box button.text-button:not(:disabled):focus, infobar.question > revealer > box button.text-button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+infobar.info > revealer > box button.text-button:not(:disabled):active, infobar.question > revealer > box button.text-button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+infobar.warning > revealer > box {
+  background-color: #f57800;
+  color: #000;
+}
+infobar.warning > revealer > box button.flat {
+  color: #000;
+  box-shadow: none;
+  background-color: transparent;
+}
+infobar.warning > revealer > box button.flat:drop(active), infobar.warning > revealer > box button.flat:hover {
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.08);
+}
+infobar.warning > revealer > box button.flat:focus {
+  box-shadow: none;
+  background-color: rgba(0, 0, 0, 0.08);
+}
+infobar.warning > revealer > box button.flat:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
+}
+infobar.warning > revealer > box *:link {
+  color: #000;
+}
+infobar.error > revealer > box {
+  background-color: #ff0000;
+  color: #fff;
+}
+infobar.error > revealer > box button.flat {
+  color: #fff;
+  box-shadow: none;
+  background-color: transparent;
+}
+infobar.error > revealer > box button.flat:drop(active), infobar.error > revealer > box button.flat:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+infobar.error > revealer > box button.flat:focus {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+infobar.error > revealer > box button.flat:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+infobar.error > revealer > box *:link {
+  color: #fff;
+}
+infobar button label {
+  margin: 0 -4px;
+}
+
+/**
+ * Tooltips
+ */
+tooltip {
+  border-radius: 5px;
+  box-shadow: none;
+}
+tooltip.background {
+  background-color: rgba(9, 24, 51, 0.9);
+  color: #ea00d9;
+}
+tooltip decoration {
+  background-color: transparent;
+}
+tooltip > box {
+  margin: -6px;
+  min-height: 24px;
+  padding: 4px 8px;
+}
+tooltip .dim-label {
+  color: rgba(234, 0, 217, 0.7);
+}
+/**
+ * Color Chooser
+ */
+colorswatch.top {
+  border-top-left-radius: 5.5px;
+  border-top-right-radius: 5.5px;
+}
+colorswatch.top overlay {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+colorswatch.bottom {
+  border-bottom-left-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 5.5px;
+  border-bottom-left-radius: 5.5px;
+}
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 5.5px;
+  border-bottom-right-radius: 5.5px;
+}
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+colorswatch.dark {
+  color: #fff;
+}
+colorswatch.light {
+  color: #000;
+}
+colorswatch overlay {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+colorswatch overlay:drop(active), colorswatch overlay:hover {
+  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
+}
+colorswatch#add-color-button {
+  border-radius: 5px 5px 0 0;
+  color: #0abdc6;
+}
+colorswatch#add-color-button:only-child {
+  border-radius: 5px;
+}
+colorswatch#add-color-button overlay {
+  background-color: #133e7c;
+}
+colorswatch:disabled {
+  opacity: 0.5;
+}
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+colorswatch#editor-color-sample {
+  border-radius: 5.5px;
+}
+colorswatch#editor-color-sample overlay {
+  border-radius: 5px;
+}
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+/**
+ * Misc
+ */
+/**
+ * Window Decorations
+ */
+decoration {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px 5px 0 0;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
+  margin: 8px;
+}
+decoration:backdrop {
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
+}
+.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration {
+  border-radius: 0;
+}
+.popup decoration {
+  box-shadow: none;
+}
+.ssd decoration {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+.csd.popup decoration {
+  border-radius: 5px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+}
+tooltip.csd decoration {
+  border-radius: 5px;
+  box-shadow: none;
+}
+messagedialog.csd decoration {
+  border-radius: 5px;
+}
+.solid-csd decoration {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #091833;
+}
+.solid-csd decoration:backdrop {
+  background-color: #000823;
+}
+
+button.titlebutton {
+  border-radius: 9999px;
+}
+.monospace {
+  font-family: monospace;
+}
+
+/**
+ * Touch Copy & Paste
+ */
+cursor-handle {
+  color: #711c91;
+  -gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
+}
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  -gtk-icon-transform: unset;
+}
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  padding-top: 6px;
+  -gtk-icon-transform: rotate(45deg);
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 28px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-radius: 5px;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+  background-color: #133e7c;
+  color: #0abdc6;
+  font-size: smaller;
+}
+
+shortcut:last-child {
+  margin-bottom: 4px;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+}
+
+/**
+ * App Icons
+ */
+/**
+ * Emoji
+ */
+popover.emoji-picker {
+  padding: 0;
+}
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+button.emoji-section {
+  margin: 4px;
+}
+button.emoji-section:not(:last-child) {
+  margin-right: 0;
+}
+
+popover.emoji-picker .emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0 8px;
+}
+popover.emoji-picker .emoji widget {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px;
+}
+popover.emoji-picker .emoji widget:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+
+popover.emoji-completion {
+  padding: 8px 0;
+}
+popover.emoji-completion arrow {
+  border: none;
+  background: none;
+}
+popover.emoji-completion .emoji-completion-row {
+  min-height: 28px;
+  padding: 0 12px;
+}
+popover.emoji-completion .emoji:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+
+/**
+ * libhandy
+ */
+popover.combo {
+  padding: 8px 0;
+}
+popover.combo list {
+  border-style: none;
+  background-color: transparent;
+}
+popover.combo list > row {
+  min-height: 32px;
+  padding: 0 12px;
+}
+keypad .digit {
+  font-size: 200%;
+  font-weight: bold;
+}
+keypad .letters {
+  font-size: 70%;
+}
+keypad .symbol {
+  font-size: 160%;
+}
+
+viewswitcher button {
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+}
+viewswitcher button > stack > box.narrow image,
+viewswitcher button > stack > box.narrow label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+viewswitcher button > stack > box.wide {
+  padding: 8px 12px;
+}
+viewswitcher button > stack > box.wide label:dir(ltr) {
+  padding-right: 8px;
+}
+viewswitcher button > stack > box.wide label:dir(rtl) {
+  padding-left: 8px;
+}
+list.content {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+  background-color: #091833;
+}
+list.content > row:not(:first-child) {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) headerbar {
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) > decoration-overlay {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right),
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) > decoration,
+window.csd.unified:not(.solid-csd):not(.maximized):not(.fullscreen):not(.tiled):not(.tiled-top):not(.tiled-bottom):not(.tiled-left):not(.tiled-right) > decoration-overlay {
+  border-radius: 5px;
+}
+
+/**
+ * Nautilus
+ */
+.nautilus-canvas-item.dim-label,
+.nautilus-list-dim-label {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+@keyframes nautilus-operations-button-needs-attention {
+  to {
+    background-color: rgba(234, 0, 217, 0.12);
+  }
+}
+.nautilus-operations-button-needs-attention {
+  animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
+}
+
+.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
+  border-radius: 9999px;
+}
+
+.path-bar-box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 4px 0;
+  border-radius: 5px;
+}
+.path-bar-box button {
+  margin: 0;
+}
+.path-bar-box.width-maximized {
+  background-color: rgba(234, 0, 217, 0.04);
+}
+.path-bar-box.background.frame {
+  border-style: none;
+  background-color: rgba(234, 0, 217, 0.04);
+}
+.path-bar-box .path-bar button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+.path-bar-box .path-bar button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+}
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
+  margin-left: 0;
+}
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
+  margin-right: 0;
+}
+.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
+  margin: 0;
+}
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  border-radius: 6px 6px 0 0;
+  background-clip: padding-box;
+  background-color: #133e7c;
+}
+.nautilus-window .floating-bar.bottom.left {
+  margin-right: 7px;
+  border-left-style: none;
+  border-top-left-radius: 0;
+}
+.nautilus-window .floating-bar.bottom.right {
+  margin-left: 7px;
+  border-right-style: none;
+  border-top-right-radius: 0;
+}
+.nautilus-window .floating-bar button {
+  margin: 4px;
+}
+
+.disk-space-display.unknown {
+  background-color: rgba(10, 189, 198, 0.3);
+  color: rgba(10, 189, 198, 0.3);
+}
+.disk-space-display.used {
+  background-color: #711c91;
+  color: #711c91;
+}
+.disk-space-display.free {
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.08);
+}
+
+.nautilus-empty-state-icon + .large-title {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.search-information {
+  padding: 2px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+.conflict-row:not(:selected) {
+  background-color: #503524;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 5px;
+}
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+.nautilus-window flowboxchild:selected .icon-item-background {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
+  border-style: none;
+}
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
+  margin: -6px 0 0 -6px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
+  margin: 0 8px;
+}
+dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
+  border-radius: 0;
+}
+
+.nautilus-window > popover.menu:not(:last-child) {
+  padding: 3px;
+}
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
+  margin-top: -6px;
+}
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
+  margin-bottom: -6px;
+}
+.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
+  margin-top: 1px;
+}
+.nautilus-window > popover.menu:not(:last-child) separator {
+  margin-bottom: -2px;
+}
+
+.nautilus-menu-sort-heading {
+  margin: 1px 3px;
+  font-weight: 500;
+}
+.nautilus-menu-sort-heading:disabled {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.nautilus-window headerbar revealer > button {
+  border-radius: 9999px;
+}
+
+.nautilus-window paned > separator {
+  background-color: #000b1e;
+}
+
+/**
+ * gedit
+ */
+.open-document-selector-path-label {
+  color: rgba(10, 189, 198, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-match {
+  background-color: #f57800;
+  color: #000;
+}
+
+.gedit-document-panel row button.flat {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.gedit-document-panel-group-row:not(:first-child) {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+.gedit-search-slider .linked:not(.vertical) > entry {
+  border-radius: 5px;
+}
+.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(10, 189, 198, 0.7);
+}
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
+  margin-right: -60px;
+  padding-right: 60px;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 4px;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
+  margin-left: -60px;
+  padding-left: 60px;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 4px;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
+  background-color: #133e7c;
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.gedit-search-slider .linked:not(.vertical) > button {
+  border: solid 4px transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+}
+.gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) {
+  margin-left: -2px;
+}
+.gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) {
+  margin-right: -2px;
+}
+
+frame.gedit-map-frame > border:dir(ltr) {
+  border-style: none none none solid;
+}
+frame.gedit-map-frame > border:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/**
+ * Tweaks
+ */
+.tweak-categories {
+  background-image: image(#000b1e);
+}
+.tweak {
+  padding: 3px;
+}
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#091833);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#091833);
+}
+
+.tweak-group-startup {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+  background-image: image(#091833);
+}
+
+row#Focus,
+row#ClickMethod,
+row#StaticWorkspaceTweak,
+row#dynamic-workspaces,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  padding: 0;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+  background-image: image(#091833);
+}
+row#Focus row:not(:last-child),
+row#ClickMethod row:not(:last-child),
+row#StaticWorkspaceTweak row:not(:last-child),
+row#dynamic-workspaces row:not(:last-child),
+row#PrimaryWorkspaceTweak row:not(:last-child),
+row#workspaces-only-on-primary row:not(:last-child) {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+row#Focus.tweak > list,
+row#ClickMethod.tweak > list,
+row#StaticWorkspaceTweak.tweak > list,
+row#dynamic-workspaces.tweak > list,
+row#PrimaryWorkspaceTweak.tweak > list,
+row#workspaces-only-on-primary.tweak > list {
+  margin-top: -3px;
+}
+
+row#Focus,
+row#ClickMethod,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  margin-top: 4px;
+}
+
+leaflet.titlebar > .titlebar.tweak-titlebar-left,
+leaflet.titlebar > .titlebar.tweak-titlebar-right,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
+  background-color: inherit;
+  box-shadow: inherit;
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+leaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+leaflet.titlebar > .titlebar.tweak-titlebar-right + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
+hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
+  background-color: inherit;
+  background-image: image(rgba(234, 0, 217, 0.2));
+}
+
+/**
+ * Builder
+ */
+layouttabbar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  background-color: #000b1e;
+}
+layouttabbar > box > button {
+  margin: 4px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  box-shadow: inset 0 -2px #711c91;
+  background-color: #091833;
+}
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+layouttab button, layouttab button.text-button, layouttab button.image-button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+layout {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #ff0000;
+  color: #fff;
+}
+
+window.workbench treeview.image {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+popover.popover-selector list row {
+  border-radius: 5px;
+}
+popover.popover-selector list row image:dir(ltr) {
+  margin-right: 6px;
+}
+popover.popover-selector list row image:dir(rtl) {
+  margin-left: 6px;
+}
+popover.popover-selector list row .accel:dir(ltr) {
+  margin-left: 6px;
+}
+popover.popover-selector list row .accel:dir(rtl) {
+  margin-right: 6px;
+}
+
+omnibar.linked:not(.vertical) entry {
+  border-radius: 5px;
+}
+omnibar entry {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+entry.preferences-search {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  box-shadow: none;
+  background-color: transparent;
+}
+preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
+  border-style: none;
+}
+preferences > box > box:dir(ltr) {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+}
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 5px;
+}
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 5px;
+}
+popover.messagepopover .popover-content-area {
+  margin: 16px;
+}
+
+popover.transfers list {
+  background-color: transparent;
+}
+popover.transfers list row:not(:first-child) {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  background-color: #000b1e;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  background-color: #000b1e;
+}
+
+docktab {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 4px 6px;
+  border-width: 1px;
+  border-color: transparent;
+  box-shadow: inset 0 -2px transparent;
+  background-image: radial-gradient(circle, #711c91 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+docktab:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+docktab:checked {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #711c91;
+  background-color: transparent;
+  background-image: radial-gradient(circle, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #0abdc6;
+}
+
+dockoverlayedge {
+  background-color: #000b1e;
+}
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #711c91;
+}
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #711c91;
+}
+
+pillbox {
+  background-color: #000b1e;
+  border-radius: 5px;
+}
+
+layoutpane entry.search {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  box-shadow: none;
+  background-color: #091833;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+window.workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+button.run-arrow-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+button.dzlmenubutton image {
+  min-width: 26px;
+}
+button.dzlmenubutton image.arrow {
+  min-width: 23px;
+}
+
+button.dzlmenubuttonitem {
+  color: #0abdc6;
+  font-weight: normal;
+}
+button.dzlmenubuttonitem:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+idelayoutstackheader button:checked {
+  color: #0abdc6;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #000b1e;
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.7) 10%, transparent 0%);
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #0abdc6;
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #711c91;
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #711c91;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+}
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
+  background-color: #711c91;
+  color: #fff;
+}
+#titlebar_container .suggestionbutton button {
+  padding: 0;
+  border-radius: 0;
+  box-shadow: inset 0 0 0 9999px #091833;
+}
+#titlebar_container .suggestionbutton button:backdrop {
+  box-shadow: inset 0 0 0 9999px #000823;
+}
+#titlebar_container .suggestionbutton button image {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 32px;
+  min-height: 32px;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+#titlebar_container .suggestionbutton button:hover image {
+  box-shadow: inset 0 0 0 9999px rgba(234, 0, 217, 0.12);
+}
+#titlebar_container .suggestionbutton button:focus image {
+  box-shadow: inset 0 0 0 9999px rgba(234, 0, 217, 0.12);
+}
+#titlebar_container .suggestionbutton button:active image {
+  background-color: rgba(234, 0, 217, 0.16);
+}
+
+/**
+ * Photos
+ */
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-color: #711c91;
+  color: #fff;
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+  background-color: transparent;
+}
+.documents-scrolledwin.frame frame.content-view > border {
+  border-style: none;
+  background-color: transparent;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+button.photos-filter-preview {
+  color: #0abdc6;
+  font-weight: normal;
+}
+button.photos-filter-preview:checked {
+  background-color: rgba(113, 28, 145, 0.6);
+  color: #0abdc6;
+}
+button.photos-filter-preview:checked image {
+  color: #fff;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame {
+  border-style: none;
+  background-color: transparent;
+}
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-left-style: solid;
+}
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-right-style: solid;
+}
+
+/**
+ * Music
+ */
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(10, 189, 198, 0.2);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(10, 189, 198, 0.2);
+}
+
+.side-panel .view {
+  background-image: image(#000b1e);
+}
+.side-panel .view:hover {
+  background-image: image(#012032);
+}
+
+.side-panel .view:selected {
+  background-image: image(#711c91);
+}
+.side-panel .view:selected:hover {
+  background-image: image(#82379e);
+}
+
+.songs-list:hover {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/**
+ * Terminal
+ */
+terminal-window notebook > header > box {
+  margin: -2px;
+}
+terminal-window notebook > header > box button {
+  border-radius: 0;
+}
+
+/**
+ * To Do
+ */
+task-list-view taskrow {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -8px;
+}
+task-list-view taskrow:hover {
+  transition: none;
+}
+task-list-view taskrow label {
+  margin: 0 8px;
+}
+task-list-view taskrow image.dim-label {
+  min-width: 16px;
+}
+task-list-view > box > revealer > box > button {
+  margin: -4px;
+}
+task-list-view > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+tasklistview taskrow image.dim-label {
+  min-width: 16px;
+}
+tasklistview > box > revealer > box > button {
+  margin: -4px;
+}
+tasklistview > box > revealer > box > button .dim-label {
+  color: inherit;
+}
+
+/**
+ * eog
+ */
+#eog-thumb-nav scrolledwindow.frame {
+  border-top: none;
+}
+
+/**
+ * Evolution
+ */
+frame.taskbar > border {
+  border-style: solid none none;
+}
+
+box.vertical > paned.horizontal notebook widget .frame {
+  border-style: none;
+}
+
+/**
+ * gitg
+ */
+frame.commit-frame > border {
+  border-style: solid none none;
+}
+
+/**
+ * Characters
+ */
+box.dialog-vbox scrolledwindow.related {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-clip: padding-box;
+  background-color: #091833;
+}
+
+list.categories {
+  background-image: image(#000b1e);
+}
+
+/**
+ * Boxes
+ */
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 5px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff;
+}
+
+/**
+ * Evince
+ */
+evview.content-view.view:selected {
+  background-color: #711c91;
+  color: #fff;
+}
+
+/**
+ * Polari
+ */
+.polari-room-list row:selected {
+  background-color: rgba(113, 28, 145, 0.5);
+}
+
+/**
+ * Fractal
+ */
+button.osd.scroll_button {
+  margin: 4px;
+}
+
+/**
+ * Mines
+ */
+grid.minefield > button.tile {
+  border-style: solid;
+}
+
+/**
+ * Tilix
+ */
+overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+overlay > revealer.left > scrolledwindow.frame {
+  margin-right: 32px;
+}
+overlay > revealer.right > scrolledwindow.frame {
+  margin-left: 32px;
+}
+
+.terminix-session-sidebar,
+.tilix-session-sidebar {
+  background-image: image(#133e7c);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 28px;
+}
+
+notebook.tilix-background tab > box > stack {
+  margin: -6px;
+}
+
+button.flat.tilix-small-button {
+  min-height: 20px;
+  min-width: 16px;
+}
+
+/**
+ * Terminator
+ */
+.terminator-terminal-window paned > separator {
+  background-color: #000b1e;
+}
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+  background-color: transparent;
+}
+
+/**
+ * Ubitquity
+ */
+#live_installer .menubar progressbar trough {
+  border-radius: 4px;
+  background-color: rgba(234, 0, 217, 0.2);
+}
+
+/**
+ * Eclipse
+ */
+window.background > box.vertical > scrolledwindow > widget toolbar {
+  padding: 2px;
+}
+window.background > box.vertical > scrolledwindow > widget toolbar separator,
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  margin: 2px;
+}
+window.background > box.vertical > scrolledwindow > widget toolbar button {
+  border-radius: 5px;
+}
+
+/**
+ * FileZilla
+ */
+window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget > entry {
+  all: unset;
+  padding: 5px;
+  box-shadow: inset 0 0 0 1px rgba(113, 28, 145, 0.6);
+  background-color: #091833;
+}
+window.background > box.vertical > widget > widget > widget > widget > widget > widget > widget > scrolledwindow > widget > widget > entry {
+  all: unset;
+  padding: 0 3px 1px;
+  box-shadow: inset 0 0 0 1px rgba(113, 28, 145, 0.6);
+  background-color: #091833;
+}
+
+/**
+ * Chromium
+ */
+window.background.chromium {
+  background-color: #133e7c;
+}
+window.background.chromium entry,
+window.background.chromium > button {
+  border: 1px solid rgba(10, 189, 198, 0.3);
+}
+window.background.chromium > button {
+  color: #711c91;
+}
+window.background.chromium > button:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+window.background.chromium menubar,
+window.background.chromium headerbar {
+  color: rgba(234, 0, 217, 0.7);
+}
+window.background.chromium headerbar button:active {
+  background-color: rgba(234, 0, 217, 0.16);
+}
+window.background.chromium textview.view {
+  background-color: transparent;
+}
+window.background.chromium treeview.view.cell:selected:focus {
+  background-color: #711c91;
+  color: #fff;
+}
+window.background.chromium treeview.view button {
+  border: 1px solid rgba(10, 189, 198, 0.3);
+  background-color: #091833;
+}
+
+tooltip.background.chromium {
+  background-color: #091833;
+}
+
+/**
+ * Firefox
+ */
+#MozillaGtkWidget > widget text {
+  background-color: #133e7c;
+}
+#MozillaGtkWidget > widget text:selected {
+  background-color: #711c91;
+  color: #fff;
+}
+#MozillaGtkWidget > widget > separator {
+  color: rgba(10, 189, 198, 0.2);
+}
+#MozillaGtkWidget > widget > frame > border {
+  border-color: #034050;
+}
+#MozillaGtkWidget > widget > entry,
+#MozillaGtkWidget > widget > button > button {
+  border: 1px solid rgba(10, 189, 198, 0.3);
+  border-radius: 5px;
+  box-shadow: none;
+}
+#MozillaGtkWidget > widget > entry:disabled,
+#MozillaGtkWidget > widget > button > button:disabled {
+  border-color: rgba(10, 189, 198, 0.2);
+}
+#MozillaGtkWidget > widget > entry {
+  min-height: 30px;
+  background-color: #091833;
+}
+#MozillaGtkWidget > widget > entry:focus {
+  border-color: #711c91;
+  box-shadow: inset 0 0 0 1px #711c91;
+}
+#MozillaGtkWidget > widget > entry:disabled {
+  background-color: #091833;
+}
+#MozillaGtkWidget > widget > button > button {
+  padding: 4px 8px;
+}
+#MozillaGtkWidget > widget > button > button:active {
+  background-size: 1000% 1000%;
+}
+#MozillaGtkWidget > widget > checkbutton > check,
+#MozillaGtkWidget > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
+  color: #757575;
+}
+#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
+#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(117, 117, 117, 0.5);
+}
+#MozillaGtkWidget menuitem label:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+#MozillaGtkWidget > widget > menubar {
+  color: rgba(234, 0, 217, 0.7);
+}
+#MozillaGtkWidget > widget > menubar:hover {
+  color: #ea00d9;
+}
+#MozillaGtkWidget > widget > menubar:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+#MozillaGtkWidget > widget > frame {
+  color: rgba(10, 189, 198, 0.3);
+}
+#MozillaGtkWidget menu > separator {
+  color: rgba(10, 189, 198, 0.2);
+}
+
+/**
+ * Inkscape
+ */
+#ToolboxCommon > #AuxToolbox #StyleSwatch {
+  font-size: smaller;
+}
+#ToolboxCommon > #AuxToolbox #Kludge {
+  padding: 0;
+}
+#ToolboxCommon > #AuxToolbox spinbutton,
+#ToolboxCommon > #AuxToolbox entry {
+  min-height: 32px;
+}
+#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 5px;
+}
+#ToolboxCommon > #AuxToolbox spinbutton button {
+  border-width: 4px;
+}
+#ToolboxCommon > toolbar.vertical {
+  margin-top: -4px;
+}
+#ToolboxCommon > toolbar.vertical button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 5px;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+  background-color: transparent;
+}
+#Canvas_and_Dock widget > widget > button.flat {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+}
+#Canvas_and_Dock widget > widget > box.horizontal image {
+  padding: 4px;
+}
+#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
+  min-height: 16px;
+  min-width: 24px;
+  padding: 8px 4px;
+}
+
+/**
+ * Synapse
+ */
+box.vertical > widget > widget:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+/**
+ * Unity
+ */
+UnityDecoration {
+  -UnityDecoration-extents: 28px 0 0 0;
+  -UnityDecoration-input-extents: 8px;
+  -UnityDecoration-shadow-offset-x: 0;
+  -UnityDecoration-shadow-offset-y: 3px;
+  -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
+  -UnityDecoration-active-shadow-radius: 18px;
+  -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
+  -UnityDecoration-inactive-shadow-radius: 6px;
+  -UnityDecoration-glow-size: 8px;
+  -UnityDecoration-glow-color: #711c91;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0;
+}
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 5px 5px 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #091833;
+  color: #ea00d9;
+}
+UnityDecoration .top:backdrop {
+  background-color: #000823;
+  color: rgba(234, 0, 217, 0.7);
+}
+UnityDecoration .menuitem {
+  border-radius: 5px 5px 0 0;
+  box-shadow: none;
+  color: rgba(234, 0, 217, 0.7);
+}
+UnityDecoration .menuitem:hover {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: #ea00d9;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
+}
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #000013;
+  color: #ea00d9;
+}
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(234, 0, 217, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: #ea00d9;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #711c91;
+}
+
+/**
+ * Mate-Panel
+ */
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #000013;
+  color: rgba(234, 0, 217, 0.7);
+  font-weight: 500;
+}
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(234, 0, 217, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.mate-panel-menu-bar button:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.mate-panel-menu-bar button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.mate-panel-menu-bar button:disabled {
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.3);
+}
+.mate-panel-menu-bar button:checked {
+  color: #ea00d9;
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+}
+.mate-panel-menu-bar button:checked:drop(active), .mate-panel-menu-bar button:checked:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.2608);
+}
+.mate-panel-menu-bar button:checked:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.2608);
+}
+.mate-panel-menu-bar button:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.mate-panel-menu-bar button:checked:disabled {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: rgba(234, 0, 217, 0.5);
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(234, 0, 217, 0.2);
+}
+
+MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
+  background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px);
+  background-repeat: no-repeat;
+  background-size: 4px 10px;
+  color: rgba(234, 0, 217, 0.3);
+}
+MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) {
+  background-position: 3px;
+}
+MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) {
+  background-position: calc(100% - 3px);
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(234, 0, 217, 0.7);
+}
+.mate-panel-menu-bar menubar > menuitem:hover {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: #ea00d9;
+}
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.mate-panel-menu-bar.horizontal menubar > menuitem {
+  padding: 0 8px;
+}
+.mate-panel-menu-bar.vertical menubar > menuitem {
+  padding: 8px 0;
+}
+.mate-panel-menu-bar menubar menu > menuitem {
+  min-height: 28px;
+  padding: 0 6px;
+}
+
+.mate-panel-menu-bar #PanelApplet button {
+  -GtkWidget-window-dragging: true;
+}
+
+.mate-panel-menu-bar #tasklist-button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0;
+}
+.mate-panel-menu-bar #tasklist-button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+.mate-panel-menu-bar #tasklist-button image:dir(ltr),
+.mate-panel-menu-bar #tasklist-button label:dir(rtl) {
+  padding-left: 4px;
+}
+.mate-panel-menu-bar #tasklist-button label:dir(ltr),
+.mate-panel-menu-bar #tasklist-button image:dir(rtl) {
+  padding-right: 4px;
+}
+
+.mate-panel-menu-bar.vertical #tasklist-button {
+  min-height: 32px;
+}
+
+.mate-panel-menu-bar.horizontal #showdesktop-button image {
+  min-width: 24px;
+  padding: 0 4px;
+}
+.mate-panel-menu-bar.vertical #showdesktop-button image {
+  min-height: 24px;
+  padding: 4px 0;
+}
+
+PanelApplet.wnck-applet .wnck-pager {
+  background-color: transparent;
+  color: #711c91;
+}
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: rgba(234, 0, 217, 0.16);
+}
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #711c91;
+}
+
+.mate-panel-menu-bar.horizontal #clock-applet-button label {
+  padding: 0 8px;
+}
+.mate-panel-menu-bar.vertical #clock-applet-button label {
+  padding: 8px 0;
+}
+
+#MatePanelPopupWindow {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-clip: padding-box;
+  background-color: #133e7c;
+}
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+  background-color: transparent;
+}
+#MatePanelPopupWindow calendar {
+  border-style: none;
+}
+#MatePanelPopupWindow calendar:not(:selected) {
+  background-color: transparent;
+}
+#MatePanelPopupWindow calendar + box {
+  margin-top: -5px;
+  padding-top: 5px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+#MatePanelPopupWindow expander > title {
+  min-height: 32px;
+}
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(10, 189, 198, 0.2);
+}
+
+na-tray-applet {
+  -NaTrayApplet-icon-padding: 3px;
+  -NaTrayApplet-icon-size: 16;
+}
+
+.mate-panel-menu-bar {
+  -PanelMenuBar-icon-visible: true;
+}
+
+.mate-panel-applet-slider {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 6px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-clip: padding-box;
+  background-color: #133e7c;
+}
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+  background-color: transparent;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+#PanelApplet:selected > box {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: #ea00d9;
+}
+
+#mate-menu {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-clip: padding-box;
+  background-color: #133e7c;
+}
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #0abdc6;
+  font-weight: normal;
+}
+#mate-menu button:not(.flat) {
+  background-color: rgba(10, 189, 198, 0.16);
+}
+#mate-menu button image,
+#mate-menu button label + label {
+  color: rgba(10, 189, 198, 0.7);
+}
+#mate-menu entry {
+  margin: 0 0 4px;
+}
+#mate-menu entry image {
+  margin: 0;
+}
+#mate-menu entry + button {
+  margin: 0 4px 4px;
+  padding: 4px;
+}
+
+.brisk-menu {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+.brisk-menu entry {
+  margin-bottom: -2px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+.brisk-menu entry + box > box:dir(ltr) {
+  margin-right: -2px;
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+.brisk-menu entry + box > box:dir(rtl) {
+  margin-left: -2px;
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+.brisk-menu .categories-list {
+  padding-top: 4px;
+}
+.brisk-menu .categories-list button {
+  margin: 0 4px;
+}
+.brisk-menu .session-button {
+  padding: 8px;
+}
+.brisk-menu .frame {
+  border-style: none;
+  background-color: transparent;
+}
+.brisk-menu .apps-list {
+  padding: 4px 0;
+  background-color: transparent;
+}
+.brisk-menu .apps-list row {
+  padding: 0;
+}
+.brisk-menu .apps-list row:hover {
+  box-shadow: none;
+}
+.brisk-menu .apps-list button {
+  border-radius: 0;
+  color: #0abdc6;
+  font-weight: normal;
+}
+
+/**
+ * CAJA File manager
+ */
+.caja-navigation-window box.horizontal > button.toggle.image-button {
+  border-radius: 5px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+.caja-pathbar button.slider-button {
+  min-width: 24px;
+}
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+  background-color: transparent;
+}
+
+.caja-canvas-item {
+  border-radius: 5px;
+}
+
+.caja-desktop.view .entry,
+.caja-navigation-window .view .entry {
+  border: none;
+  border-radius: 5px;
+  background-color: rgba(10, 189, 198, 0.04);
+  background-image: none;
+  color: #0abdc6;
+}
+.caja-desktop.view .entry:selected,
+.caja-navigation-window .view .entry:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+.caja-desktop.view .entry {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fff;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+  caret-color: currentcolor;
+}
+.caja-desktop.view .entry:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+  background-color: transparent;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+#caja-extra-view-widget button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+#caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+#caja-extra-view-widget button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+#caja-extra-view-widget button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+
+/**
+ * Pluma
+ */
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.pluma-window statusbar frame > border {
+  border-style: none;
+  background-color: transparent;
+}
+.pluma-window statusbar frame button.flat {
+  padding: 0 4px;
+  border-radius: 0;
+}
+.pluma-window statusbar frame button.flat widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.pluma-print-preview toolbar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+  background-color: transparent;
+}
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+/**
+ * Atril
+ */
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+  background-color: transparent;
+}
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  border-radius: 6px;
+  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-clip: padding-box;
+  background-color: #133e7c;
+}
+.lock-dialog frame > border {
+  border-style: none;
+  background-color: transparent;
+}
+.lock-dialog button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+.lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.lock-dialog button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.lock-dialog button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 5px;
+  background-color: rgba(9, 24, 51, 0.9);
+  color: #ea00d9;
+}
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(234, 0, 217, 0.2);
+}
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #ea00d9;
+}
+/**
+ * Budgie Desktop
+ */
+.budgie-container {
+  background-color: transparent;
+}
+
+.budgie-settings-window buttonbox.inline-toolbar {
+  border-style: none none solid;
+}
+.budgie-settings-window buttonbox.inline-toolbar button {
+  border-radius: 5px;
+}
+
+.budgie-popover {
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
+  background-clip: padding-box;
+  background-color: #133e7c;
+}
+.budgie-popover .container {
+  padding: 2px;
+}
+.budgie-popover border {
+  border: none;
+  background-color: transparent;
+}
+.budgie-popover row {
+  padding: 0;
+}
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+.budgie-popover button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #0abdc6;
+  font-weight: normal;
+}
+.budgie-popover button.flat:not(.image-button):disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+.budgie-popover.budgie-menu scrollbar,
+.budgie-popover.budgie-menu entry.search {
+  background-color: transparent;
+}
+.budgie-popover.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+.budgie-popover.budgie-menu button.flat:not(.image-button) {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+}
+.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) {
+  transition-property: all, border-image, background-size, background-image, background-color;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+.budgie-popover.budgie-menu button.flat:not(.image-button):checked {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
+  background-color: transparent;
+}
+.budgie-popover.user-menu .container {
+  padding: 8px;
+}
+.budgie-popover.user-menu separator {
+  margin: 4px 0;
+}
+.budgie-popover.sound-popover separator {
+  margin: 3px 0;
+}
+.budgie-popover.night-light-indicator .container {
+  padding: 8px;
+}
+.budgie-popover.places-menu .container {
+  padding: 8px;
+}
+.budgie-popover.places-menu .name-button image:dir(ltr) {
+  margin-right: 3px;
+}
+.budgie-popover.places-menu .name-button image:dir(rtl) {
+  margin-left: 3px;
+}
+.budgie-popover.places-menu .unmount-button {
+  margin: 2px;
+  padding: 0;
+}
+.budgie-popover.places-menu .places-list:not(.always-expand) {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+.budgie-popover.workspace-popover .container {
+  padding: 8px;
+}
+.budgie-popover.workspace-popover separator {
+  margin: 4px 0;
+}
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(234, 0, 217, 0.2);
+}
+.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) {
+  border-left-width: 1px;
+}
+.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) {
+  border-right-width: 1px;
+}
+.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout {
+  border-top-width: 1px;
+}
+.workspace-switcher .workspace-item,
+.workspace-switcher .workspace-add-button {
+  border: 0 solid rgba(234, 0, 217, 0.2);
+}
+.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr),
+.top .workspace-switcher .workspace-add-button:dir(ltr),
+.bottom .workspace-switcher .workspace-add-button:dir(ltr) {
+  border-right-width: 1px;
+}
+.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl),
+.top .workspace-switcher .workspace-add-button:dir(rtl),
+.bottom .workspace-switcher .workspace-add-button:dir(rtl) {
+  border-left-width: 1px;
+}
+.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item,
+.left .workspace-switcher .workspace-add-button,
+.right .workspace-switcher .workspace-add-button {
+  border-bottom-width: 1px;
+}
+.workspace-switcher .workspace-item {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: rgba(234, 0, 217, 0.16);
+}
+.workspace-switcher .workspace-add-button:hover {
+  box-shadow: none;
+}
+.workspace-switcher .workspace-add-button:active {
+  background-image: none;
+}
+.workspace-switcher .workspace-add-button:active image {
+  margin: 1px 0 -1px;
+}
+.budgie-panel .workspace-switcher .workspace-icon-button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 5px;
+}
+
+.budgie-panel {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #000013;
+  color: rgba(234, 0, 217, 0.7);
+  font-weight: 500;
+}
+.budgie-panel.transparent {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: rgba(255, 255, 255, 0.7);
+}
+.budgie-panel button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(234, 0, 217, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.budgie-panel button:drop(active), .budgie-panel button:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.budgie-panel button:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.budgie-panel button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.budgie-panel button:disabled {
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.3);
+}
+.budgie-panel button:checked {
+  color: #ea00d9;
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+}
+.budgie-panel button:checked:drop(active), .budgie-panel button:checked:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.2608);
+}
+.budgie-panel button:checked:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.2608);
+}
+.budgie-panel button:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.budgie-panel button:checked:disabled {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: rgba(234, 0, 217, 0.5);
+}
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+.budgie-panel separator {
+  background-color: rgba(234, 0, 217, 0.3);
+}
+.budgie-panel .alert {
+  color: #ff0000;
+}
+.budgie-panel .titlebar:not(headerbar) {
+  min-height: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  color: #ea00d9;
+}
+.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
+  color: rgba(234, 0, 217, 0.7);
+}
+.budgie-panel #tasklist-button {
+  padding: 0 4px;
+}
+.budgie-panel.vertical #tasklist-button {
+  min-height: 32px;
+}
+.budgie-panel button.flat.launcher {
+  padding: 0;
+}
+.budgie-panel button.flat.launcher:not(:checked) {
+  color: rgba(234, 0, 217, 0.5);
+}
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(1px), currentcolor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
+}
+
+.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
+}
+
+.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at calc(1px) center, currentcolor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
+}
+
+.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
+}
+.budgie-panel .unpinned button.flat.launcher,
+.budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked {
+  border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentcolor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
+}
+
+frame.raven-frame > border {
+  border-style: none;
+  box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
+}
+
+.top frame.raven-frame > border {
+  margin-bottom: 32px;
+}
+
+.bottom frame.raven-frame > border {
+  margin-top: 32px;
+}
+
+.left frame.raven-frame > border {
+  margin-right: 32px;
+}
+
+.right frame.raven-frame > border {
+  margin-left: 32px;
+}
+
+.raven {
+  background-color: #133e7c;
+}
+.raven > box:not(:only-child) {
+  margin-bottom: -10px;
+}
+.raven .raven-header {
+  min-height: 32px;
+  padding: 3px;
+}
+.raven .raven-header.top {
+  padding: 0;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.raven .raven-header.top stackswitcher.linked > button {
+  margin: -4px 0 -5px;
+  padding: 0 16px;
+  min-height: 40px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 0 0 0/0 0 0;
+  border-radius: 0;
+}
+.raven .raven-header.top stackswitcher.linked > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+}
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.raven stack .raven-header {
+  margin-top: -6px;
+}
+.raven stack scrolledwindow .raven-header {
+  margin-top: -8px;
+}
+.raven .expander-button {
+  border-radius: 9999px;
+}
+.raven .raven-background stackswitcher.linked > button {
+  margin: -2px 8px 9px;
+  padding: 0 12px;
+  min-height: 32px;
+  border-radius: 9999px;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: normal;
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+}
+.raven .raven-background stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.1904);
+}
+.raven .raven-background stackswitcher.linked > button:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.1904);
+}
+.raven .raven-background stackswitcher.linked > button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 0%);
+}
+.raven .raven-background stackswitcher.linked > button:checked {
+  color: #711c91;
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+.raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+.raven .raven-background stackswitcher.linked > button:checked:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+.raven .raven-background stackswitcher.linked > button:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+.raven .raven-background stackswitcher.linked > button:not(:first-child) {
+  margin-left: 0;
+}
+.raven .raven-background > overlay > widget > image {
+  color: rgba(10, 189, 198, 0.08);
+}
+.raven revealer > .raven-background {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.raven .raven-header + .raven-background {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.raven viewport.frame > list > row {
+  padding: 0;
+  box-shadow: none;
+  background: none;
+}
+.raven viewport.frame > list > row:not(:first-child) {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.raven viewport.frame > list > row > box {
+  margin-top: -5px;
+  margin-left: -5px;
+  margin-bottom: -5px;
+}
+.raven viewport.frame > list > row > box > box {
+  padding: 6px;
+  margin-bottom: -10px;
+}
+.raven viewport.frame > list > row > box > list > row {
+  padding: 8px;
+}
+.raven viewport.frame > list > row > box > list > row > box {
+  margin-bottom: -5px;
+}
+.raven viewport.frame > list > row > box > list > row > box > box > label {
+  font-weight: bold;
+}
+.raven viewport.frame > list > row > box > list > row > box > box > button.image-button {
+  padding: 0;
+}
+.raven viewport.frame > list > row > box > list > row > box > label {
+  margin-top: -6px;
+  font-size: smaller;
+}
+.raven .powerstrip button {
+  margin: 2px 0 1px;
+  padding: 8px;
+}
+.raven .option-subtitle {
+  font-size: smaller;
+}
+
+calendar.raven-calendar {
+  border-style: none;
+  background-color: transparent;
+}
+calendar.raven-calendar:selected {
+  border-radius: 5px;
+  background-color: rgba(113, 28, 145, 0.6);
+}
+
+.raven-mpris {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff;
+}
+.raven-mpris label {
+  min-height: 24px;
+}
+.raven-mpris button.image-button {
+  padding: 8px;
+  color: rgba(255, 255, 255, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.raven-mpris button.image-button:focus {
+  box-shadow: none;
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.raven-mpris button.image-button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
+}
+
+.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 120%;
+}
+.budgie-notification .notification-body, .budgie-switcher .notification-body {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 5px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+.drop-shadow button.text-button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+.drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.drop-shadow button.text-button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.drop-shadow button.text-button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+.drop-shadow .linked > button {
+  margin-right: 4px;
+}
+
+.budgie-run-dialog, .budgie-polkit-dialog, .budgie-session-dialog {
+  border-radius: 5px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+.budgie-run-dialog decoration, .budgie-polkit-dialog decoration, .budgie-session-dialog decoration {
+  border-radius: 5px;
+}
+
+.budgie-session-dialog > box {
+  padding: 8px;
+}
+.budgie-session-dialog image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+  margin-bottom: 8px;
+  font-size: 20px;
+  font-weight: 500;
+}
+.budgie-session-dialog .dialog-title + label {
+  color: rgba(10, 189, 198, 0.7);
+}
+.budgie-session-dialog .linked.horizontal > button:not(:last-child) {
+  margin-right: 8px;
+}
+.budgie-session-dialog .linked.horizontal > button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+.budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.budgie-session-dialog .linked.horizontal > button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.budgie-session-dialog .linked.horizontal > button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(10, 189, 198, 0.7);
+}
+.budgie-polkit-dialog .failure {
+  color: #ff0000;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 4px 12px;
+  border-image: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+.budgie-run-dialog list {
+  padding: 4px 0;
+}
+.budgie-run-dialog list .dim-label {
+  color: inherit;
+}
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom {
+  border-bottom-right-radius: 5px;
+}
+.budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom {
+  border-bottom-left-radius: 5px;
+}
+
+/**
+ * Xfce4 Apps
+ */
+/**
+ * xfce4-panel
+ */
+.xfce4-panel.background {
+  border: none;
+  background-color: #000013;
+  color: rgba(234, 0, 217, 0.7);
+  font-weight: 500;
+}
+.xfce4-panel.background button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+  color: rgba(234, 0, 217, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+.xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.xfce4-panel.background button:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.xfce4-panel.background button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.xfce4-panel.background button:disabled {
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.3);
+}
+.xfce4-panel.background button:checked {
+  color: #ea00d9;
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.16);
+}
+.xfce4-panel.background button:checked:drop(active), .xfce4-panel.background button:checked:hover {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.2608);
+}
+.xfce4-panel.background button:checked:focus {
+  box-shadow: none;
+  background-color: rgba(234, 0, 217, 0.2608);
+}
+.xfce4-panel.background button:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 0%);
+}
+.xfce4-panel.background button:checked:disabled {
+  background-color: rgba(234, 0, 217, 0.16);
+  color: rgba(234, 0, 217, 0.5);
+}
+.xfce4-panel.background .tasklist button {
+  border-image: image(transparent) 0 0 2/0 0 2px;
+}
+.xfce4-panel.background .tasklist button:checked {
+  border-image: image(currentcolor) 0 0 2/0 0 2px;
+}
+.xfce4-panel.background .tasklist button image {
+  padding: 4px;
+}
+.xfce4-panel.background frame > border {
+  border-style: none;
+  background-color: transparent;
+}
+.xfce4-panel.background progressbar progress {
+  background-color: #711c91;
+}
+.xfce4-panel.background progressbar trough {
+  background-color: rgba(234, 0, 217, 0.2);
+}
+
+wnck-pager:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+wnck-pager:active {
+  background-color: rgba(234, 0, 217, 0.16);
+}
+wnck-pager:selected {
+  background-color: #711c91;
+}
+
+XfdesktopIconView.view {
+  border-radius: 5px;
+  color: #fff;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+XfdesktopIconView.view:active {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.6);
+}
+XfdesktopIconView.view .rubberband {
+  border-radius: 0;
+}
+
+#XfceNotifyWindow {
+  border-radius: 5px;
+  box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+#XfceNotifyWindow buttonbox button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+#XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+#XfceNotifyWindow buttonbox button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+#XfceNotifyWindow buttonbox button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+#XfceNotifyWindow label#summary {
+  font-weight: bold;
+}
+#XfceNotifyWindow label#summary + label {
+  color: rgba(10, 189, 198, 0.7);
+}
+#xfwm-tabwin {
+  padding: 12px;
+  border-radius: 5px;
+  -XfwmTabwinWidget-icon-size: 64px;
+  -XfwmTabwinWidget-preview-size: 64px;
+}
+/**
+ * Thunar
+ */
+.thunar #location-toolbar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.thunar #location-toolbar > toolitem > button {
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+.thunar .shortcuts-pane.frame,
+.thunar .standard-view.frame {
+  border-width: 0;
+  background-color: transparent;
+}
+.thunar statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+/**
+ * LightDM GTK+ Greeter
+ */
+#panel_window {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fff;
+}
+#panel_window menubar,
+#panel_window separator {
+  background-color: transparent;
+}
+#panel_window separator {
+  padding: 0 4px;
+}
+#panel_window separator:first-child {
+  padding: 0 8px;
+}
+#panel_window menubar > menuitem {
+  color: rgba(255, 255, 255, 0.7);
+}
+#panel_window menubar > menuitem:hover {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #fff;
+}
+#panel_window menubar > menuitem:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 5px;
+  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+
+#content_frame {
+  padding-bottom: 16px;
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+#buttonbox_frame > box,
+#buttonbox_frame > buttonbox {
+  margin: -16px;
+}
+#buttonbox_frame button:not(:disabled) {
+  color: #711c91;
+  box-shadow: none;
+  background-color: transparent;
+}
+#buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+#buttonbox_frame button:not(:disabled):focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.12);
+}
+#buttonbox_frame button:not(:disabled):active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 0%);
+}
+
+/**
+ * Nemo
+ */
+.nemo-window .primary-toolbar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.nemo-window .primary-toolbar stack > box {
+  margin: -2px;
+}
+.nemo-window .primary-toolbar button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.nemo-window scrolledwindow.frame {
+  border-style: none;
+  background-color: transparent;
+}
+.nemo-window .nemo-window-pane widget.entry {
+  border-radius: 5px;
+  background-color: rgba(10, 189, 198, 0.04);
+}
+.nemo-window .nemo-window-pane widget.entry:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+.places-treeview {
+  -NemoPlacesTreeView-disk-full-bg-color: #022f40;
+  -NemoPlacesTreeView-disk-full-fg-color: #711c91;
+  -NemoPlacesTreeView-disk-full-bar-width: 2px;
+  -NemoPlacesTreeView-disk-full-bar-radius: 0;
+  -NemoPlacesTreeView-disk-full-bottom-padding: 1px;
+  -NemoPlacesTreeView-disk-full-max-length: 80px;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #0abdc6;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #0abdc6;
+/*
+widget base background color */
+@define-color theme_bg_color #000b1e;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #091833;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #711c91;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #000b1e;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(10, 189, 198, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #091833;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #0abdc6;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #0abdc6;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #000b1e;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #091833;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #711c91;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #fff;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(10, 189, 198, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(10, 189, 198, 0.2);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(10, 189, 198, 0.2);
+/*
+these are pretty self explicative */
+@define-color warning_color #f57800;
+@define-color error_color #ff0000;
+@define-color success_color #d300c4;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #ea00d9;
+@define-color wm_unfocused_title rgba(234, 0, 217, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.05);
+@define-color wm_bg #091833;
+@define-color wm_unfocused_bg #000823;
+@define-color xfwm4_title #ea00d9;
+@define-color xfwm4_unfocused_title #a402a2;
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #000b1e;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #000b1e;
+/* placeholder for entries */
+@define-color placeholder_text_color #0a8c9a;
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..8067c11
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-checked-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="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/gtk-3.0/icons/checkbox-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..76e69c9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-mixed-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="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..97dbb89
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/checkbox-unchecked-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="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/gtk-3.0/icons/cursor-handle-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-checked-symbolic.svg
new file mode 100644
index 0000000..7b82c3d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-checked-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 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-mixed-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="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/radio-unchecked-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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..7ad27d5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.6 3.59L14.01 5l-8 8-4-4 1.41-1.41 2.59 2.59 6.59-6.59z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..0f80850
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2 7h8v2H4V7z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..bfe0a56
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm0 2h12v12H2V2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..04a9a21
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zm0 2a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..31aac91
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zM4 7v2h8V7H4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-3.0/icons/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..5c3815b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..99c3e45
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..4ded9e0
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..54246a5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..f45ca31
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..ed5ccf4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..31c4902
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 0000000..dd48d78
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-after-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..8a2272f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..921ae5b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..e753fab
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..be63a23
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..ead0682
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..d56e1fa
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..0799636
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 0000000..6826ada
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-horz-marks-before-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-dark.png
new file mode 100644
index 0000000..7673d97
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-dark@2.png
new file mode 100644
index 0000000..1c8b0d4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled-dark.png
new file mode 100644
index 0000000..f100f7b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled-dark@2.png
new file mode 100644
index 0000000..ca1aea8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled.png
new file mode 100644
index 0000000..9ad3045
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled@2.png
new file mode 100644
index 0000000..4a836b3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider.png
new file mode 100644
index 0000000..870df4b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider@2.png
new file mode 100644
index 0000000..49578aa
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..d204511
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..50187d3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..9281a5e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..aceff1f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..71d1eff
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..3f66c32
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..afedbf0
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 0000000..fe406cf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-after-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..d8451ab
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..64549c8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..219facd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..1242c17
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..9d9570e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..0a1bcb8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider-disabled@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..0c165af
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 0000000..79ed0ec
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/scale-vert-marks-before-slider@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..c02a2f8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..64b4c70
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..4d5badf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 0000000..834600d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-checked@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..b06e564
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..9433ac9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked-dark@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..5821699
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 0000000..703d7a1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/assets/selectionmode-checkbox-unchecked@2.png
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/gtk.css b/themes/materia-cyberpunk-neon/gtk-4.0/gtk.css
new file mode 100644
index 0000000..7318c9c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/gtk.css
@@ -0,0 +1,3539 @@
+@keyframes ripple {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+@keyframes ripple-on-slider {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+@keyframes ripple-on-headerbar {
+  from {
+    background-image: radial-gradient(circle, #711c91 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle, #711c91 100%, transparent 100%);
+  }
+}
+flowbox > flowboxchild, gridview > child,
+entry > image,
+button, modelbutton.flat, spinbutton:not(.vertical) > image, menubar > item, notebook > header > tabs > arrow, notebook > header > tabs > tab, check,
+radio, row.activatable, listview > row, expander, calendar > grid > label.day-number, popover.emoji-picker > contents emoji, popover.emoji-completion > contents emoji-completion-row, popover.emoji-completion > contents emoji {
+  transition-property: all, border-image, background-size, background-image;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms;
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle, transparent 10%, transparent 10%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+flowbox > flowboxchild:active, gridview > child:active,
+entry > image:active,
+button:active, modelbutton.flat:active, spinbutton:not(.vertical) > image:active, menubar > item:active, notebook > header > tabs > arrow:active, notebook > header > tabs > tab:active, check:active,
+radio:active, row.activatable:active, listview > row:active, expander:active, calendar > grid > label.day-number:active, popover.emoji-picker > contents emoji:active, popover.emoji-completion > contents emoji-completion-row:active, popover.emoji-completion > contents emoji:active {
+  transition-duration: 75ms, 225ms, 0ms, 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: 0% 0%;
+}
+
+/**
+ * Base States
+ */
+.background {
+  background-color: #000b1e;
+  color: #0abdc6;
+}
+
+dnd {
+  color: #0abdc6;
+}
+
+.normal-icons {
+  -gtk-icon-size: 16px;
+}
+
+.large-icons {
+  -gtk-icon-size: 32px;
+}
+
+image:disabled {
+  -gtk-icon-filter: opacity(0.5);
+}
+
+.view > .cell:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+.view:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+.view:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+.view > .cell:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+
+textview {
+  caret-color: #711c91;
+}
+textview > text > selection {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+textview > border {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+iconview > .cell {
+  border-radius: 5px;
+}
+iconview > dndtarget:drop(active) {
+  box-shadow: inset 0 0 0 2px #711c91;
+}
+
+rubberband, columnview.view > rubberband,
+treeview.view > rubberband {
+  border: 1px solid #711c91;
+  background-color: rgba(113, 28, 145, 0.24);
+}
+
+flowbox {
+  padding: 4px;
+  border-spacing: 4px;
+}
+flowbox > flowboxchild {
+  padding: 4px;
+  border-radius: 5px;
+}
+flowbox > flowboxchild:drop(active), flowbox > flowboxchild:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+flowbox > flowboxchild:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+flowbox > flowboxchild:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+flowbox > flowboxchild:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  background-color: rgba(113, 28, 145, 0.6);
+}
+flowbox > flowboxchild:selected:drop(active), flowbox > flowboxchild:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+flowbox > flowboxchild:selected:focus {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+flowbox > flowboxchild:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+
+gridview {
+  padding: 4px;
+  border-spacing: 4px;
+}
+gridview > child {
+  padding: 4px;
+  border-radius: 5px;
+}
+gridview > child:drop(active), gridview > child:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+gridview > child:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+gridview > child:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+gridview > child:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  background-color: rgba(113, 28, 145, 0.6);
+}
+gridview > child:selected:drop(active), gridview > child:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+gridview > child:selected:focus {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+gridview > child:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+
+coverflow > cover {
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+}
+
+label {
+  caret-color: #711c91;
+}
+label.separator {
+  color: rgba(10, 189, 198, 0.7);
+}
+label.error {
+  color: #ff0000;
+}
+label > selection {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+label:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+headerbar label:disabled, modelbutton label:disabled, tab label:disabled, button label:disabled {
+  color: inherit;
+}
+label.osd {
+  border-radius: 5px;
+  background-color: rgba(9, 24, 51, 0.9);
+  color: #ea00d9;
+}
+
+.dim-label {
+  color: rgba(10, 189, 198, 0.7);
+}
+
+window.assistant .sidebar {
+  padding: 4px 0;
+}
+window.assistant .sidebar > label {
+  min-height: 32px;
+  padding: 0 12px;
+  color: rgba(10, 189, 198, 0.5);
+  font-weight: 500;
+}
+window.assistant .sidebar > label.highlight {
+  color: #0abdc6;
+}
+
+window.aboutdialog > box > box > image.large-icons {
+  -gtk-icon-size: 128px;
+}
+
+/**
+ * Spinner Animation
+ */
+@keyframes spin {
+  to {
+    transform: rotate(1turn);
+  }
+}
+spinner {
+  opacity: 0;
+  color: #711c91;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  transition: opacity 300ms cubic-bezier(0, 0, 0.2, 1);
+  animation: spin 1s linear infinite;
+}
+spinner:checked {
+  opacity: 1;
+}
+spinner:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * General Typography
+ */
+.large-title {
+  font-weight: 400;
+  font-size: 36pt;
+}
+
+.title-1 {
+  font-weight: 400;
+  font-size: 25.5pt;
+  letter-spacing: 0.1875pt;
+}
+
+.title-2 {
+  font-weight: 400;
+  font-size: 18pt;
+}
+
+.title-3 {
+  font-weight: 500;
+  font-size: 15pt;
+  letter-spacing: 0.1125pt;
+}
+
+.title-4 {
+  font-weight: 400;
+  font-size: 12pt;
+  letter-spacing: 0.375pt;
+}
+
+.heading {
+  font-weight: 500;
+  font-size: 1em;
+}
+
+.body {
+  font-weight: 400;
+  font-size: 1em;
+}
+
+.caption-heading {
+  font-weight: 500;
+  font-size: 9pt;
+  letter-spacing: 1.125pt;
+}
+
+.caption {
+  font-weight: 400;
+  font-size: 9pt;
+  letter-spacing: 0.3pt;
+}
+
+/**
+ * Text Entries
+ */
+spinbutton:not(.vertical),
+entry {
+  min-height: 32px;
+  padding: 0 8px;
+  border-spacing: 4px;
+  border-radius: 5px 5px 0 0;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 2/0 0 0px;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #711c91;
+}
+spinbutton:hover:not(.vertical), spinbutton:drop(active):not(.vertical),
+entry:hover,
+entry:drop(active) {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1168);
+}
+spinbutton:focus-within:not(.vertical),
+entry:focus-within {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 100%) 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+spinbutton:focus-within:not(.vertical) > text > placeholder,
+entry:focus-within > text > placeholder {
+  opacity: 0;
+}
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.flat:not(.vertical),
+entry.flat {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: transparent;
+}
+spinbutton:not(.vertical) > text > placeholder,
+entry > text > placeholder {
+  color: rgba(10, 189, 198, 0.7);
+}
+spinbutton:not(.vertical) > text > selection,
+entry > text > selection {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+spinbutton:not(.vertical) > text > block-cursor,
+entry > text > block-cursor {
+  background-color: #711c91;
+  color: #fff;
+}
+spinbutton:not(.vertical) > image,
+entry > image {
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 9999px;
+  color: rgba(10, 189, 198, 0.7);
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+spinbutton:not(.vertical) > image:drop(active), spinbutton:not(.vertical) > image:hover,
+entry > image:drop(active),
+entry > image:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+spinbutton:not(.vertical) > image:focus,
+entry > image:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+spinbutton:not(.vertical) > image:active,
+entry > image:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+spinbutton:not(.vertical) > image:disabled,
+entry > image:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton:not(.vertical) > image.left,
+entry > image.left {
+  margin-left: -4px;
+}
+spinbutton:not(.vertical) > image.right,
+entry > image.right {
+  margin-right: -4px;
+}
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ff0000 0%, transparent 0%) 2/0 0 0px;
+  box-shadow: inset 0 -1px #ff0000;
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #ff0000;
+}
+spinbutton.error:focus-within:not(.vertical),
+entry.error:focus-within {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #ff0000 100%, transparent 100%) 2/0 0 2px;
+  box-shadow: inset 0 -1px #ff0000;
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f57800 0%, transparent 0%) 2/0 0 0px;
+  box-shadow: inset 0 -1px #f57800;
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #f57800;
+}
+spinbutton.warning:focus-within:not(.vertical),
+entry.warning:focus-within {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f57800 100%, transparent 100%) 2/0 0 2px;
+  box-shadow: inset 0 -1px #f57800;
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton:not(.vertical) > progress > trough > progress,
+entry > progress > trough > progress {
+  margin: 0 -8px;
+  margin-bottom: -4px;
+  border-bottom: 2px solid #711c91;
+  background-color: transparent;
+}
+spinbutton.vertical > text {
+  border-radius: 5px;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+  color: #0abdc6;
+  caret-color: #711c91;
+}
+spinbutton.vertical > text:focus-within {
+  border-image: none;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+spinbutton.vertical > text:drop(active) {
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+spinbutton.vertical > text:disabled {
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #091833;
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.vertical > text.error {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff0000;
+  color: #fff;
+  caret-color: #fff;
+}
+spinbutton.vertical > text.error:focus-within {
+  border-image: none;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+spinbutton.vertical > text.error:disabled {
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #091833;
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.vertical > text.error image {
+  color: rgba(255, 255, 255, 0.7);
+}
+spinbutton.vertical > text.error image:hover, spinbutton.vertical > text.error image:active {
+  color: #fff;
+}
+spinbutton.vertical > text.error image:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+spinbutton.vertical > text.warning {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #f57800;
+  color: #000;
+  caret-color: #000;
+}
+spinbutton.vertical > text.warning:focus-within {
+  border-image: none;
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+spinbutton.vertical > text.warning:disabled {
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #091833;
+  color: rgba(10, 189, 198, 0.5);
+}
+spinbutton.vertical > text.warning image {
+  color: rgba(0, 0, 0, 0.7);
+}
+spinbutton.vertical > text.warning image:hover, spinbutton.vertical > text.warning image:active {
+  color: #000;
+}
+spinbutton.vertical > text.warning image:disabled {
+  color: rgba(0, 0, 0, 0.5);
+}
+
+treeview entry, treeview entry.flat {
+  background-color: #091833;
+}
+treeview entry, treeview entry:focus-within, treeview entry.flat, treeview entry.flat:focus-within {
+  border-image: none;
+  box-shadow: none;
+}
+
+.entry-tag {
+  margin: 2px;
+  border-radius: 9999px;
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: #0abdc6;
+}
+.entry-tag:hover {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+:dir(ltr) .entry-tag {
+  margin-left: 4px;
+  margin-right: 0;
+  padding-left: 12px;
+  padding-right: 8px;
+}
+:dir(rtl) .entry-tag {
+  margin-left: 0;
+  margin-right: 4px;
+  padding-left: 8px;
+  padding-right: 12px;
+}
+.entry-tag.button {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+}
+
+/**
+ * Buttons
+ */
+@keyframes needs-attention {
+  from {
+    background-image: radial-gradient(farthest-side, #711c91 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(farthest-side, #711c91 100%, transparent 100%);
+  }
+}
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 5px;
+  background-color: #133e7c;
+  color: #0abdc6;
+  font-weight: 500;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+}
+button:drop(active),
+button:hover {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #124882;
+}
+button:focus {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #124d85;
+}
+button:active {
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5);
+}
+button:checked {
+  color: #711c91;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  background-color: #22397f;
+}
+button:checked:drop(active),
+button:checked:hover {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #283780;
+}
+button:checked:focus {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #2b3681;
+}
+button:checked:active {
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+button:checked:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.2272);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.text-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+button.image-button {
+  min-width: 24px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+button.text-button.image-button {
+  min-width: 32px;
+  padding-left: 16px;
+  padding-right: 16px;
+  border-radius: 5px;
+}
+button.text-button.image-button image:first-child {
+  margin-left: -4px;
+  margin-right: 8px;
+}
+button.text-button.image-button image:last-child {
+  margin-left: 8px;
+  margin-right: -4px;
+}
+frame button,
+.frame button, popover button {
+  background-color: transparent;
+  box-shadow: inset 0 0 0 1px rgba(10, 189, 198, 0.3);
+  background-color: transparent;
+}
+frame button:drop(active),
+.frame button:drop(active), popover button:drop(active), frame button:hover,
+.frame button:hover, popover button:hover {
+  box-shadow: inset 0 0 0 1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.08);
+}
+frame button:focus,
+.frame button:focus, popover button:focus {
+  box-shadow: inset 0 0 0 1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.12);
+}
+frame button:active,
+.frame button:active, popover button:active {
+  box-shadow: inset 0 0 0 1px rgba(10, 189, 198, 0.3);
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+
+button.sidebar-button,
+pathbar.linked:not(.vertical) > button, spinbutton.vertical button, spinbutton:not(.vertical) > button, combobox > .linked:not(.vertical) > button:not(:only-child), infobar.info > revealer > box button, infobar.question > revealer > box button, filechooser #pathbarbox > stack > box > button, window.dialog.message .dialog-action-area > button, .app-notification button, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), popover.menu button.model, .titlebar button:not(.suggested-action):not(.destructive-action), .toolbar button,
+button.flat {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+button.sidebar-button:drop(active),
+pathbar.linked:not(.vertical) > button:drop(active), spinbutton.vertical button:drop(active), spinbutton:not(.vertical) > button:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), infobar.info > revealer > box button:drop(active), infobar.question > revealer > box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), window.dialog.message .dialog-action-area > button:drop(active), .app-notification button:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), popover.menu button.model:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), .toolbar button:drop(active),
+button.flat:drop(active), button.sidebar-button:hover,
+pathbar.linked:not(.vertical) > button:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) > button:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, filechooser #pathbarbox > stack > box > button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), popover.menu button.model:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover,
+button.flat:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+button.sidebar-button:focus,
+pathbar.linked:not(.vertical) > button:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) > button:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), infobar.info > revealer > box button:focus, infobar.question > revealer > box button:focus, filechooser #pathbarbox > stack > box > button:focus, window.dialog.message .dialog-action-area > button:focus, .app-notification button:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), popover.menu button.model:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), .toolbar button:focus,
+button.flat:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+button.sidebar-button:active,
+pathbar.linked:not(.vertical) > button:active, spinbutton.vertical button:active, spinbutton:not(.vertical) > button:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, filechooser #pathbarbox > stack > box > button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), popover.menu button.model:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active,
+button.flat:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+button.sidebar-button:disabled,
+pathbar.linked:not(.vertical) > button:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) > button:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), infobar.info > revealer > box button:disabled, infobar.question > revealer > box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), popover.menu button.model:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled,
+button.flat:disabled {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+
+combobox > .linked:not(.vertical) > button:checked:not(:only-child), infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, filechooser #pathbarbox > stack > box > button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked,
+button.flat:checked {
+  color: #711c91;
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), infobar.info > revealer > box button:checked:drop(active), infobar.question > revealer > box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), window.dialog.message .dialog-action-area > button:checked:drop(active), .app-notification button:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), .toolbar button:checked:drop(active),
+button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), infobar.info > revealer > box button:checked:hover, infobar.question > revealer > box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, window.dialog.message .dialog-action-area > button:checked:hover, .app-notification button:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), .toolbar button:checked:hover,
+button.flat:checked:hover {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), infobar.info > revealer > box button:checked:focus, infobar.question > revealer > box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, window.dialog.message .dialog-action-area > button:checked:focus, .app-notification button:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), .toolbar button:checked:focus,
+button.flat:checked:focus {
+  box-shadow: none;
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), infobar.info > revealer > box button:checked:active, infobar.question > revealer > box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, window.dialog.message .dialog-action-area > button:checked:active, .app-notification button:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), .toolbar button:checked:active,
+button.flat:checked:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), infobar.info > revealer > box button:checked:disabled, infobar.question > revealer > box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.menu button.model:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled,
+button.flat:checked:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+
+infobar.info > revealer > box button.text-button, infobar.question > revealer > box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, window.dialog.message .dialog-action-area > button.text-button, .app-notification button.text-button, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), popover.menu button.text-button.model, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), .toolbar button.text-button,
+button.flat.text-button {
+  min-width: 48px;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+infobar.info > revealer > box button.text-button.image-button, infobar.question > revealer > box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, window.dialog.message .dialog-action-area > button.text-button.image-button, .app-notification button.text-button.image-button, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.menu button.text-button.image-button.model, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), .toolbar button.text-button.image-button,
+button.flat.text-button.image-button {
+  min-width: 24px;
+  padding: 4px;
+}
+infobar.info > revealer > box button.text-button.image-button label:first-child, infobar.question > revealer > box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, window.dialog.message .dialog-action-area > button.text-button.image-button label:first-child, .app-notification button.text-button.image-button label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.menu button.text-button.image-button.model label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .toolbar button.text-button.image-button label:first-child,
+button.flat.text-button.image-button label:first-child {
+  margin-left: 8px;
+}
+infobar.info > revealer > box button.text-button.image-button label:last-child, infobar.question > revealer > box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, window.dialog.message .dialog-action-area > button.text-button.image-button label:last-child, .app-notification button.text-button.image-button label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.menu button.text-button.image-button.model label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .toolbar button.text-button.image-button label:last-child,
+button.flat.text-button.image-button label:last-child {
+  margin-right: 8px;
+}
+infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), window.dialog.message .dialog-action-area.linked:not(.vertical) > button:not(:only-child), .app-notification .linked:not(.vertical) > button:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.menu .linked:not(.vertical) > button.model:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .toolbar .linked:not(.vertical) > button:not(:only-child), infobar.info > revealer > box .linked.vertical > button:not(:only-child), infobar.question > revealer > box .linked.vertical > button:not(:only-child), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child), window.dialog.message .dialog-action-area.linked.vertical > button:not(:only-child), .app-notification .linked.vertical > button:not(:only-child), actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.menu .linked.vertical > button.model:not(:only-child), .titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action), .toolbar .linked.vertical > button:not(:only-child),
+.linked:not(.vertical) > button.flat:not(:only-child),
+.linked.vertical > button.flat:not(:only-child) {
+  border-radius: 5px;
+}
+infobar.info > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), window.dialog.message .dialog-action-area.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.menu .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), infobar.question > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button), window.dialog.message .dialog-action-area.linked.vertical > button:not(:only-child).image-button:not(.text-button), .app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.menu .linked.vertical > button.model:not(:only-child).image-button:not(.text-button), .titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button),
+.linked:not(.vertical) > button.flat:not(:only-child).image-button:not(.text-button),
+.linked.vertical > button.flat:not(:only-child).image-button:not(.text-button) {
+  border-radius: 9999px;
+}
+
+button.osd {
+  padding: 8px 12px;
+}
+button.osd.image-button {
+  padding: 8px;
+}
+button.osd:disabled {
+  opacity: 0;
+}
+button.suggested-action {
+  background-color: #711c91;
+  color: #fff;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  background-color: #711c91;
+}
+button.suggested-action:drop(active), button.suggested-action:hover {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #7c2e9a;
+}
+button.suggested-action:focus {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #82379e;
+}
+button.suggested-action:active {
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.suggested-action:checked {
+  background-color: #8840a3;
+}
+button.suggested-action.flat {
+  background-color: transparent;
+}
+button.suggested-action.flat:drop(active), button.suggested-action.flat:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.suggested-action.flat:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.suggested-action.flat:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+button.suggested-action.flat:checked {
+  background-color: rgba(113, 28, 145, 0.16);
+}
+button.destructive-action {
+  background-color: #ff0000;
+  color: #fff;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff0000;
+}
+button.destructive-action:drop(active), button.destructive-action:hover {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff1414;
+}
+button.destructive-action:focus {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #ff1f1f;
+}
+button.destructive-action:active {
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+  color: rgba(10, 189, 198, 0.5);
+}
+button.destructive-action:checked {
+  background-color: #ff2929;
+}
+button.destructive-action.flat {
+  background-color: transparent;
+}
+button.destructive-action.flat:drop(active), button.destructive-action.flat:hover {
+  background-color: rgba(255, 0, 0, 0.12);
+}
+button.destructive-action.flat:focus {
+  background-color: rgba(255, 0, 0, 0.12);
+}
+button.destructive-action.flat:active {
+  background-image: radial-gradient(circle, rgba(255, 0, 0, 0.16) 10%, transparent 10%);
+}
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.3);
+}
+button.destructive-action.flat:checked {
+  background-color: rgba(255, 0, 0, 0.16);
+}
+stackswitcher > button > label {
+  margin: 0 -6px;
+  padding: 0 6px;
+}
+stackswitcher > button > image {
+  margin: -3px -6px;
+  padding: 3px 6px;
+}
+stackswitcher > button.needs-attention:checked > label,
+stackswitcher > button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+button.font > box {
+  border-spacing: 6px;
+}
+button.close, menubutton.circular > button, button.circular {
+  border-radius: 9999px;
+}
+
+button.sidebar-button, notebook > header > tabs > tab button.flat, spinbutton:not(.vertical) > button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+stacksidebar.sidebar row.needs-attention > label, stackswitcher > button.needs-attention > label,
+stackswitcher > button.needs-attention > image {
+  animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+stacksidebar.sidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl),
+stackswitcher > button.needs-attention > image:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(stackswitcher) {
+  border-spacing: 4px;
+}
+
+.linked:not(.vertical) > button.radio {
+  border-radius: 0;
+}
+.linked:not(.vertical) > button.radio:first-child {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+.linked:not(.vertical) > button.radio:last-child {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+.linked:not(.vertical) > button.radio:not(:first-child) {
+  margin-left: -4px;
+}
+
+.linked.vertical > button.radio {
+  border-radius: 0;
+}
+.linked.vertical > button.radio:first-child {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+.linked.vertical > button.radio:last-child {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+.linked.vertical > button.radio:not(:first-child) {
+  margin-top: -4px;
+}
+
+/* menu buttons */
+modelbutton.flat:drop(active), modelbutton.flat:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+modelbutton.flat:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+modelbutton.flat:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+modelbutton.flat arrow {
+  min-width: 16px;
+  min-height: 16px;
+  color: rgba(10, 189, 198, 0.7);
+}
+modelbutton.flat arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+modelbutton.flat arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+modelbutton.flat arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+button.color {
+  min-width: 24px;
+  min-height: 24px;
+  padding: 4px;
+}
+
+menubutton > button > box > arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+menubutton > button > box > arrow.none {
+  -gtk-icon-source: -gtk-icontheme("open-menu-symbolic");
+}
+menubutton > button > box > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+menubutton > button > box > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+menubutton > button > box > arrow.left {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+menubutton > button > box > arrow.right {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+/**
+ * Links
+ */
+link {
+  color: #711c91;
+}
+link:visited {
+  color: #711c91;
+}
+
+button.link {
+  color: #711c91;
+}
+button.link:drop(active), button.link:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+button.link:visited {
+  color: #711c91;
+}
+button.link:visited:drop(active), button.link:visited:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:visited:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+button.link:visited:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+button.link > label {
+  text-decoration-line: underline;
+}
+
+/**
+ * GtkSpinButton
+ */
+spinbutton {
+  font-feature-settings: "tnum";
+}
+spinbutton:not(.vertical) > text {
+  min-width: 32px;
+}
+spinbutton:not(.vertical) > button {
+  margin: 4px 0;
+}
+spinbutton:not(.vertical) > button.up:dir(ltr) {
+  margin-right: -4px;
+}
+spinbutton:not(.vertical) > button.up:dir(rtl) {
+  margin-left: -4px;
+}
+spinbutton.vertical > text {
+  min-height: 32px;
+  min-width: 40px;
+  padding: 0;
+}
+spinbutton.vertical > text > selection {
+  background-color: rgba(113, 28, 145, 0.6);
+}
+spinbutton.vertical button {
+  min-height: 32px;
+  min-width: 40px;
+  padding: 0;
+}
+spinbutton.vertical button:focus:not(:hover):not(:active) {
+  box-shadow: inset 0 0 0 9999px transparent;
+}
+spinbutton.vertical button.up {
+  border-radius: 5px 5px 0 0;
+}
+spinbutton.vertical button.down {
+  border-radius: 0 0 5px 5px;
+}
+treeview spinbutton:not(.vertical) {
+  min-height: 0;
+  border-style: none;
+  border-radius: 0;
+}
+treeview spinbutton:not(.vertical) > text {
+  min-height: 0;
+  padding: 1px 2px;
+}
+
+/**
+ * ComboBoxes
+ */
+dropdown arrow,
+combobox arrow {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  transition: -gtk-icon-transform 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+dropdown button:checked arrow,
+combobox button:checked arrow {
+  color: #711c91;
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+dropdown > button > box {
+  border-spacing: 6px;
+}
+dropdown > popover.menu > contents {
+  padding: 0;
+}
+dropdown > popover.menu > contents listview {
+  padding: 6px 0;
+}
+dropdown > popover.menu > contents listview > row {
+  min-height: 24px;
+  padding: 4px 8px;
+}
+dropdown > popover.menu > contents listview > row:selected {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+
+.dropdown-searchbar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.dropdown-searchbar > entry.search {
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+combobox > box > button > box {
+  border-spacing: 6px;
+}
+combobox cellview {
+  margin: -2px;
+}
+combobox > popover.menu > contents modelbutton {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
+  margin-right: -36px;
+  padding-right: 32px;
+}
+combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
+  margin-left: -36px;
+  padding-left: 32px;
+}
+combobox > .linked:not(.vertical) > button:not(:only-child) {
+  min-height: 16px;
+  min-width: 16px;
+  margin: 4px;
+  padding: 4px;
+  border-radius: 9999px;
+}
+
+dropdown > button.toggle,
+button.combo:only-child {
+  padding-left: 8px;
+  padding-right: 8px;
+  border-radius: 5px 5px 0 0;
+  font-weight: normal;
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 2/0 0 0px;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: #0abdc6;
+  caret-color: #711c91;
+}
+dropdown > button.toggle:focus,
+button.combo:only-child:focus {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+dropdown > button.toggle:drop(active), dropdown > button.toggle:hover,
+button.combo:only-child:drop(active),
+button.combo:only-child:hover {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1168);
+}
+dropdown > button.toggle:checked,
+button.combo:only-child:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 100%) 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.3);
+  background-color: rgba(10, 189, 198, 0.1552);
+}
+dropdown > button.toggle:disabled,
+button.combo:only-child:disabled {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+  background-color: rgba(10, 189, 198, 0.04);
+  color: rgba(10, 189, 198, 0.5);
+}
+dropdown > button.toggle arrow,
+button.combo:only-child arrow {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(10, 189, 198, 0.7);
+}
+dropdown > button.toggle arrow:disabled,
+button.combo:only-child arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+/**
+ * Toolbars
+ */
+.toolbar {
+  padding: 4px;
+  border-spacing: 4px;
+}
+.toolbar.top {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.toolbar.bottom {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.toolbar.start {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+.toolbar.end {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom {
+  border-radius: 0;
+}
+.toolbar.osd.bottom {
+  box-shadow: none;
+  background-color: transparent;
+  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+}
+.toolbar.horizontal > separator {
+  margin: 4px 0;
+}
+.toolbar.vertical > separator {
+  margin: 0 4px;
+}
+
+.app-notification, .toolbar.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 4px;
+  border-spacing: 4px;
+  border-radius: 5px;
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+.app-notification:backdrop, .toolbar.osd:backdrop {
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+.inline-toolbar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  background-color: #091833;
+}
+
+searchbar > revealer > box {
+  padding: 4px;
+  border-spacing: 4px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+/**
+ * Title buttons
+ */
+windowcontrols {
+  border-spacing: 4px;
+}
+windowcontrols:not(:only-child):not(.empty) {
+  border-image: linear-gradient(to bottom, transparent 12px, rgba(234, 0, 217, 0.2) 12px, rgba(234, 0, 217, 0.2) calc(100% - 12px), transparent calc(100% - 12px)) 1;
+}
+windowcontrols:not(:only-child):not(.empty).start:dir(ltr), windowcontrols:not(:only-child):not(.empty).end:dir(rtl) {
+  padding-right: 4px;
+  border-right: 1px solid;
+}
+windowcontrols:not(:only-child):not(.empty).start:dir(rtl), windowcontrols:not(:only-child):not(.empty).end:dir(ltr) {
+  padding-left: 4px;
+  border-left: 1px solid;
+}
+/**
+ * Header bars
+ */
+.titlebar {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px 5px 0 0;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #091833;
+  color: #ea00d9;
+}
+.titlebar:disabled {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar:backdrop {
+  background-color: #000823;
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar:backdrop:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.titlebar box.start,
+.titlebar box.end {
+  border-spacing: 4px;
+}
+.titlebar .title {
+  padding-left: 12px;
+  padding-right: 12px;
+  font-weight: bold;
+}
+.titlebar .subtitle {
+  padding-left: 12px;
+  padding-right: 12px;
+  font-size: smaller;
+}
+.titlebar .subtitle,
+.titlebar .dim-label {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar .subtitle:backdrop,
+.titlebar .dim-label:backdrop {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar headerbar + separator {
+  background-color: rgba(234, 0, 217, 0.2);
+}
+.titlebar entry {
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.3);
+  background-color: rgba(234, 0, 217, 0.04);
+  color: #ea00d9;
+}
+.titlebar entry:disabled {
+  box-shadow: inset 0 -1px rgba(234, 0, 217, 0.2);
+  background-color: rgba(234, 0, 217, 0.04);
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar entry image {
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar entry image:hover, .titlebar entry image:active {
+  color: #ea00d9;
+}
+.titlebar entry image:disabled {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 5px 5px 0 0;
+}
+.titlebar button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0px;
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):focus {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):active {
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 10%);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 100%) 0 0 2/0 0 2px;
+  background-color: transparent;
+  color: #ea00d9;
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 10%);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  background-color: transparent;
+  color: rgba(234, 0, 217, 0.5);
+}
+
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(234, 0, 217, 0.7);
+}
+.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+
+.titlebar button.suggested-action:disabled,
+.titlebar button.destructive-action:disabled {
+  background-color: rgba(234, 0, 217, 0.08);
+  color: rgba(234, 0, 217, 0.5);
+}
+.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 104px;
+}
+.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
+  min-width: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+.titlebar.selection-mode {
+  transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
+  animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #711c91;
+  color: #fff;
+}
+.titlebar.selection-mode:backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+.titlebar.selection-mode .subtitle:link {
+  color: #fff;
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
+  color: #fff;
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 100%) 0 0 2/0 0 2px;
+  color: #fff;
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(255, 255, 255, 0.5);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(255, 255, 255, 0.7);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(255, 255, 255, 0.7);
+}
+.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.titlebar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+.titlebar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+.titlebar .selection-mode {
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #711c91;
+}
+.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar {
+  border-radius: 0;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+.titlebar.default-decoration {
+  min-height: 24px;
+  padding: 4px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+}
+.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration {
+  box-shadow: none;
+}
+.titlebar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
+  border-radius: 0;
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+
+headerbar > windowhandle > box {
+  min-height: 40px;
+  padding: 0 4px;
+  border-spacing: 4px;
+}
+headerbar > windowhandle > box entry,
+headerbar > windowhandle > box spinbutton,
+headerbar > windowhandle > box button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+headerbar > windowhandle > box separator.titlebutton {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  background-color: rgba(234, 0, 217, 0.2);
+}
+headerbar > windowhandle > box switch {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+headerbar > windowhandle > box spinbutton button {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+headerbar > windowhandle > box .entry-tag {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+/**
+ * Pathbars
+ */
+pathbar.linked:not(.vertical) > button {
+  padding-left: 4px;
+  padding-right: 4px;
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 5px;
+}
+pathbar.linked:not(.vertical) > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #711c91 100%, transparent 100%) 0 0 2/0 0 2px;
+  color: #0abdc6;
+}
+pathbar.linked:not(.vertical) > button:checked,
+pathbar.linked:not(.vertical) > button:checked:disabled {
+  background-color: transparent;
+}
+pathbar.linked:not(.vertical) > button label:not(:only-child):first-child {
+  margin-left: 0;
+}
+pathbar.linked:not(.vertical) > button label:not(:only-child):last-child {
+  margin-right: 0;
+}
+pathbar.linked:not(.vertical) > button.text-button {
+  min-width: 0;
+}
+pathbar.linked:not(.vertical) > button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+/**
+ * Tree Views
+ */
+columnview.view,
+treeview.view {
+  border-left-color: rgba(10, 189, 198, 0.3);
+  border-top-color: rgba(10, 189, 198, 0.2);
+}
+columnview.view.separator,
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(10, 189, 198, 0.2);
+}
+columnview.view:drop(active),
+treeview.view:drop(active) {
+  box-shadow: none;
+}
+columnview.view > dndtarget:drop(active),
+treeview.view > dndtarget:drop(active) {
+  border-style: solid none;
+  border-width: 9999px;
+  border-color: rgba(10, 189, 198, 0.12);
+}
+columnview.view > dndtarget:drop(active).after,
+treeview.view > dndtarget:drop(active).after {
+  border-top-style: none;
+}
+columnview.view > dndtarget:drop(active).before,
+treeview.view > dndtarget:drop(active).before {
+  border-bottom-style: none;
+}
+columnview.view.expander,
+treeview.view.expander {
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(10, 189, 198, 0.7);
+}
+columnview.view.expander:dir(rtl),
+treeview.view.expander:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+columnview.view.expander:checked,
+treeview.view.expander:checked {
+  -gtk-icon-transform: unset;
+}
+columnview.view.expander:hover, columnview.view.expander:active,
+treeview.view.expander:hover,
+treeview.view.expander:active {
+  color: #0abdc6;
+}
+columnview.view.expander:disabled,
+treeview.view.expander:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+columnview.view.progressbar,
+treeview.view.progressbar {
+  border-bottom: 4px solid #711c91;
+  background-color: transparent;
+}
+columnview.view.progressbar:selected:hover,
+treeview.view.progressbar:selected:hover {
+  background-color: transparent;
+}
+columnview.view.trough,
+treeview.view.trough {
+  border-bottom: 4px solid rgba(10, 189, 198, 0.2);
+  background-color: transparent;
+}
+columnview.view.trough:selected:hover,
+treeview.view.trough:selected:hover {
+  background-color: transparent;
+}
+columnview.view > header > button,
+treeview.view > header > button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+  background-clip: padding-box;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+columnview.view > header > button:drop(active), columnview.view > header > button:hover,
+treeview.view > header > button:drop(active),
+treeview.view > header > button:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.08);
+}
+columnview.view > header > button:focus,
+treeview.view > header > button:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+columnview.view > header > button:active,
+treeview.view > header > button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+columnview.view > header > button:drop(active):not(:active), columnview.view > header > button:hover:not(:active),
+treeview.view > header > button:drop(active):not(:active),
+treeview.view > header > button:hover:not(:active) {
+  transition-property: all, border-image, background-size, background-image, background-color;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+columnview.view > header > button:disabled,
+treeview.view > header > button:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+columnview.view > header > button:last-child,
+treeview.view > header > button:last-child {
+  border-right-style: none;
+}
+columnview.view > header > button > box > sort-indicator,
+treeview.view > header > button > box > sort-indicator {
+  min-height: 16px;
+  min-width: 16px;
+}
+columnview.view > header > button > box > sort-indicator.ascending,
+treeview.view > header > button > box > sort-indicator.ascending {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+columnview.view > header > button > box > sort-indicator.descending,
+treeview.view > header > button > box > sort-indicator.descending {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+columnview.view button.dnd,
+columnview.view header.button.dnd,
+treeview.view button.dnd,
+treeview.view header.button.dnd {
+  padding: 2px 6px;
+  border-style: none solid solid;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+  border-radius: 0;
+  box-shadow: none;
+  background-clip: border-box;
+  color: #711c91;
+}
+columnview.view acceleditor > label,
+treeview.view acceleditor > label {
+  background-color: #711c91;
+}
+
+/**
+ * Menus
+ */
+menubar {
+  background-color: #091833;
+  color: #ea00d9;
+}
+menubar:backdrop {
+  background-color: #000823;
+  color: rgba(234, 0, 217, 0.7);
+}
+.csd menubar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+}
+menubar > item {
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(234, 0, 217, 0.7);
+}
+menubar > item:hover {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+menubar > item:focus:not(:hover) {
+  background-color: rgba(234, 0, 217, 0.12);
+}
+menubar > item:active {
+  background-image: radial-gradient(circle, rgba(234, 0, 217, 0.16) 10%, transparent 10%);
+}
+menubar > item:selected:not(:focus) {
+  transition: none;
+  background-color: rgba(234, 0, 217, 0.16);
+  color: #ea00d9;
+}
+menubar > item:disabled {
+  color: rgba(234, 0, 217, 0.3);
+}
+
+popover.menu > contents {
+  padding: 6px 0;
+}
+popover.menu separator {
+  margin: 6px 0;
+}
+popover.menu label.title {
+  min-height: 24px;
+  padding: 4px 32px;
+  font-weight: bold;
+}
+popover.menu modelbutton {
+  min-height: 22px;
+  min-width: 40px;
+  padding: 4px 32px;
+}
+popover.menu modelbutton:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+popover.menu modelbutton accelerator {
+  color: rgba(10, 189, 198, 0.7);
+}
+popover.menu modelbutton accelerator:dir(ltr) {
+  margin-left: 24px;
+  margin-right: -16px;
+}
+popover.menu modelbutton accelerator:dir(rtl) {
+  margin-left: -16px;
+  margin-right: 24px;
+}
+popover.menu modelbutton:disabled accelerator {
+  color: rgba(10, 189, 198, 0.3);
+}
+popover.menu check, popover.menu check:focus, popover.menu check:hover, popover.menu check:active, popover.menu check:disabled,
+popover.menu radio,
+popover.menu radio:focus,
+popover.menu radio:hover,
+popover.menu radio:active,
+popover.menu radio:disabled {
+  background-color: transparent;
+  background-image: none;
+}
+popover.menu arrow,
+popover.menu check,
+popover.menu radio {
+  min-width: 16px;
+  min-height: 16px;
+  margin: 0;
+  padding: 0;
+}
+popover.menu arrow.left,
+popover.menu check.left,
+popover.menu radio.left {
+  margin-left: -24px;
+  margin-right: 8px;
+}
+popover.menu arrow.right,
+popover.menu check.right,
+popover.menu radio.right {
+  margin-left: 8px;
+  margin-right: -24px;
+}
+popover.menu box.inline-buttons {
+  padding: 0 8px;
+}
+popover.menu box.circular-buttons {
+  padding: 4px 32px;
+}
+popover.menu box.circular-buttons button.circular.image-button.model {
+  padding: 12px;
+}
+
+/**
+ * Popovers
+ */
+popover {
+  font: initial;
+}
+popover.background {
+  background-color: transparent;
+}
+popover > arrow,
+popover > contents {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+popover > arrow:backdrop,
+popover > contents:backdrop {
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+}
+popover > arrow {
+  border-width: 1px;
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  background-clip: padding-box;
+}
+
+popover > contents {
+  padding: 8px;
+  border-radius: 5px;
+}
+popover > contents > list,
+popover > contents .view,
+popover > contents > .toolbar {
+  border-style: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+popover frame,
+popover .frame {
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  box-shadow: none;
+  background-color: transparent;
+}
+/**
+ * Notebooks
+ */
+notebook:focus:focus-visible > header > tabs > tab:checked {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+notebook > header.top {
+  box-shadow: inset 0 -1px rgba(10, 189, 198, 0.2);
+}
+notebook > header.top > tabs > tab {
+  box-shadow: inset 0 -2px transparent;
+}
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #711c91;
+}
+notebook > header.bottom {
+  box-shadow: inset 0 1px rgba(10, 189, 198, 0.2);
+}
+notebook > header.bottom > tabs > tab {
+  box-shadow: inset 0 2px transparent;
+}
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #711c91;
+}
+notebook > header.left {
+  box-shadow: inset -1px 0 rgba(10, 189, 198, 0.2);
+}
+notebook > header.left > tabs > tab {
+  box-shadow: inset -2px 0 transparent;
+}
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #711c91;
+}
+notebook > header.right {
+  box-shadow: inset 1px 0 rgba(10, 189, 198, 0.2);
+}
+notebook > header.right > tabs > tab {
+  box-shadow: inset 2px 0 transparent;
+}
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #711c91;
+}
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  border-radius: 0;
+  color: rgba(10, 189, 198, 0.7);
+}
+notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+notebook > header > tabs > arrow:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+notebook > header > tabs > arrow:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+notebook > header > tabs > arrow:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+notebook > header > tabs > tab {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 12px;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+notebook > header > tabs > tab:drop(active), notebook > header > tabs > tab:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+notebook > header > tabs > tab:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+notebook > header > tabs > tab:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+notebook > header > tabs > tab:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+notebook > header > tabs > tab:checked {
+  color: #711c91;
+}
+notebook > header > tabs > tab:checked:drop(active), notebook > header > tabs > tab:checked:hover {
+  background-color: rgba(113, 28, 145, 0.08);
+}
+notebook > header > tabs > tab:checked:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+notebook > header > tabs > tab:checked:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+notebook > header > tabs > tab:checked:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+notebook > header > tabs > tab > box {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: -4px -12px;
+  padding: 4px 12px;
+}
+notebook > header > tabs > tab > box:drop(active) {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+notebook > header > tabs > tab button.flat:last-child {
+  margin-left: 4px;
+  margin-right: -8px;
+}
+notebook > header > tabs > tab button.flat:first-child {
+  margin-left: -8px;
+  margin-right: 4px;
+}
+
+/**
+ * Scrollbars
+ */
+scrollbar {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-clip: padding-box;
+}
+scrollbar.top {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar.bottom {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar.left {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar.right {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+scrollbar > range > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 10px;
+  min-height: 10px;
+  border: 3px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(10, 189, 198, 0.5);
+}
+scrollbar > range > trough > slider:hover {
+  background-color: rgba(10, 189, 198, 0.6);
+}
+scrollbar > range > trough > slider:active {
+  background-color: rgba(10, 189, 198, 0.7);
+}
+scrollbar > range > trough > slider:disabled {
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scrollbar.horizontal > range > trough > slider {
+  min-width: 24px;
+}
+scrollbar.vertical > range > trough > slider {
+  min-height: 24px;
+}
+scrollbar > range.fine-tune > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+}
+scrollbar > range.fine-tune.horizontal > trough > slider {
+  margin: 3px 0;
+}
+scrollbar > range.fine-tune.vertical > trough > slider {
+  margin: 0 3px;
+}
+scrollbar.overlay-indicator > range:not(.fine-tune) > trough > slider {
+  transition-property: background-color, min-height, min-width;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  border-color: transparent;
+  background-color: transparent;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 2px;
+  border: 1px solid rgba(9, 24, 51, 0.3);
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider {
+  min-width: 24px;
+}
+scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider {
+  min-height: 24px;
+}
+scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
+  background-color: #133e7c;
+}
+
+/**
+ * Switch
+ */
+switch {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 4px 0;
+  padding: 0 2px;
+  border: 5px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(10, 189, 198, 0.3);
+  background-clip: padding-box;
+  font-size: 0;
+}
+switch:checked {
+  background-color: rgba(113, 28, 145, 0.5);
+}
+switch:disabled {
+  opacity: 0.5;
+}
+switch > image {
+  margin: -8px;
+  -gtk-icon-transform: scale(0);
+}
+switch > slider {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 20px;
+  min-height: 20px;
+  margin: -3px -2px;
+  border-radius: 9999px;
+  box-shadow: 0 0 0 10px transparent, 0 0 0 -10px rgba(10, 189, 198, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+}
+switch:hover > slider {
+  box-shadow: 0 0 0 10px rgba(10, 189, 198, 0.12), 0 0 0 -10px rgba(10, 189, 198, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+switch:focus > slider {
+  box-shadow: 0 0 0 10px rgba(10, 189, 198, 0.12), 0 0 0 -10px rgba(10, 189, 198, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+switch:active > slider {
+  box-shadow: 0 0 0 10px rgba(10, 189, 198, 0.12), 0 0 0 10px rgba(10, 189, 198, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+switch:checked > slider {
+  background-color: #711c91;
+}
+switch:checked:hover > slider {
+  box-shadow: 0 0 0 10px rgba(113, 28, 145, 0.12), 0 0 0 -10px rgba(113, 28, 145, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+switch:checked:focus > slider {
+  box-shadow: 0 0 0 10px rgba(113, 28, 145, 0.12), 0 0 0 -10px rgba(113, 28, 145, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+switch:checked:active > slider {
+  box-shadow: 0 0 0 10px rgba(113, 28, 145, 0.12), 0 0 0 10px rgba(113, 28, 145, 0.16), 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+/**
+ * Check and Radio items
+ */
+.view.content-view.check:not(list),
+.content-view:not(list) .tile check {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 5px rgba(0, 0, 0, 0.12);
+}
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view:not(list) .tile check:hover,
+.content-view:not(list) .tile check:active {
+  -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
+}
+.view.content-view.check:not(list),
+.content-view:not(list) .tile check {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+}
+.view.content-view.check:not(list):checked,
+.content-view:not(list) .tile check:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+}
+
+checkbutton,
+radiobutton {
+  border-spacing: 4px;
+}
+checkbutton.text-button,
+radiobutton.text-button {
+  padding: 4px;
+}
+
+check,
+radio {
+  min-height: 24px;
+  min-width: 24px;
+  margin: -8px;
+  padding: 8px;
+  border-radius: 9999px;
+  color: rgba(10, 189, 198, 0.7);
+}
+check:drop(active), check:hover,
+radio:drop(active),
+radio:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+check:focus,
+radio:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+check:active,
+radio:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #711c91;
+}
+check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover,
+radio:checked:drop(active),
+radio:checked:hover,
+radio:indeterminate:drop(active),
+radio:indeterminate:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+check:checked:focus, check:indeterminate:focus,
+radio:checked:focus,
+radio:indeterminate:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+check:checked:active, check:indeterminate:active,
+radio:checked:active,
+radio:indeterminate:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+check:disabled,
+radio:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+check {
+  -gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
+}
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
+}
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
+}
+
+radio {
+  -gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
+  border-image-slice: 20;
+  border-image-width: 20px;
+  border-image-source: radial-gradient(circle, #711c91 0%, transparent 0%);
+}
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
+}
+radio:checked:not(:indeterminate) {
+  border-image-source: radial-gradient(circle, #711c91 4.5px, transparent 5px);
+}
+radio:checked:not(:indeterminate):disabled {
+  border-image-source: radial-gradient(circle, rgba(10, 189, 198, 0.3) 4.5px, transparent 5px);
+}
+
+popover.menu modelbutton check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 5px;
+  -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
+}
+popover.menu modelbutton check:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
+}
+popover.menu modelbutton check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
+}
+
+popover.menu modelbutton radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
+}
+popover.menu modelbutton radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
+}
+popover.menu modelbutton radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+  color: rgba(10, 189, 198, 0.7);
+}
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #711c91;
+}
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover,
+treeview.view radio,
+treeview.view radio:hover,
+treeview.view radio:selected,
+treeview.view radio:selected:hover {
+  background-color: transparent;
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
+  border-image: none;
+}
+
+/**
+ * GtkScale
+ */
+scale {
+  min-height: 2px;
+  min-width: 2px;
+}
+scale.horizontal {
+  padding: 15px 12px;
+}
+scale.vertical {
+  padding: 12px 15px;
+}
+scale.fine-tune.horizontal {
+  min-height: 4px;
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+scale.fine-tune.vertical {
+  min-width: 4px;
+  padding-left: 14px;
+  padding-right: 14px;
+}
+scale.fine-tune > trough > slider {
+  margin: -14px;
+}
+scale > trough {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scale > trough:disabled {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+scale > trough > highlight {
+  transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: image(#711c91);
+}
+scale > trough > highlight:disabled {
+  background-color: #000b1e;
+  background-image: image(rgba(10, 189, 198, 0.3));
+}
+scale > trough > fill {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scale > trough > fill:disabled {
+  background-color: transparent;
+}
+scale > trough > slider {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 32px;
+  min-height: 32px;
+  margin: -15px;
+  border-radius: 50%;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  color: #711c91;
+}
+scale > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale > trough > slider:hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+scale > trough > slider:focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+scale > trough > slider:active {
+  transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
+  animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+  background-size: auto, 0% 0%;
+}
+scale > marks,
+scale > value {
+  color: rgba(10, 189, 198, 0.7);
+}
+scale > value {
+  font-feature-settings: "tnum";
+}
+scale indicator {
+  background-color: rgba(10, 189, 198, 0.3);
+}
+scale.horizontal > marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+scale.horizontal.fine-tune > marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+scale.horizontal > marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+scale.horizontal.fine-tune > marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+scale.vertical > marks.top {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+scale.vertical.fine-tune > marks.top {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+scale.vertical > marks.bottom {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+scale.vertical.fine-tune > marks.bottom {
+  margin-left: 6px;
+  margin-right: -14px;
+}
+scale.horizontal indicator {
+  min-height: 8px;
+  min-width: 1px;
+}
+scale.vertical indicator {
+  min-height: 1px;
+  min-width: 8px;
+}
+scale.horizontal.marks-before:not(.marks-after) > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.horizontal.marks-before:not(.marks-after) > trough > slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+scale.horizontal.marks-after:not(.marks-before) > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.horizontal.marks-after:not(.marks-before) > trough > slider:active {
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+scale.vertical.marks-before:not(.marks-after) > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.vertical.marks-before:not(.marks-after) > trough > slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+scale.vertical.marks-after:not(.marks-before) > trough > slider {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png")), radial-gradient(circle, transparent 10%, transparent 10%);
+}
+scale.vertical.marks-after:not(.marks-before) > trough > slider:active {
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png")), radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+scale.color {
+  min-height: 0;
+  min-width: 0;
+}
+scale.color.horizontal:dir(ltr), scale.color.horizontal:dir(rtl) {
+  padding: 0 0 12px 0;
+}
+scale.color.horizontal:dir(ltr) slider, scale.color.horizontal:dir(rtl) slider {
+  margin-bottom: -24px;
+  margin-top: 8px;
+}
+scale.color.vertical:dir(ltr) {
+  padding: 0 0 0 12px;
+}
+scale.color.vertical:dir(ltr) slider {
+  margin-left: -24px;
+  margin-right: 8px;
+}
+scale.color.vertical:dir(rtl) {
+  padding: 0 12px 0 0;
+}
+scale.color.vertical:dir(rtl) slider {
+  margin-right: -24px;
+  margin-left: 8px;
+}
+
+/**
+ * Progress bars
+ */
+progressbar {
+  color: rgba(10, 189, 198, 0.7);
+  font-size: smaller;
+  font-feature-settings: "tnum";
+}
+progressbar > trough {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+progressbar > trough > progress {
+  background-color: #711c91;
+}
+progressbar.horizontal > trough {
+  min-width: 150px;
+}
+progressbar.horizontal > trough,
+progressbar.horizontal > trough > progress {
+  min-height: 4px;
+}
+progressbar.vertical > trough {
+  min-height: 80px;
+}
+progressbar.vertical > trough,
+progressbar.vertical > trough > progress {
+  min-width: 4px;
+}
+progressbar > trough.empty > progress {
+  all: unset;
+}
+
+/**
+ * Level Bar
+ */
+levelbar.horizontal > trough > block {
+  min-height: 4px;
+}
+levelbar.horizontal.discrete > trough > block {
+  min-width: 32px;
+}
+levelbar.horizontal.discrete > trough > block:not(:last-child) {
+  margin-right: 2px;
+}
+levelbar.vertical > trough > block {
+  min-width: 4px;
+}
+levelbar.vertical.discrete > trough > block {
+  min-height: 32px;
+}
+levelbar.vertical.discrete > trough > block:not(:last-child) {
+  margin-bottom: 2px;
+}
+levelbar > trough > block.low {
+  background-color: #f57800;
+}
+levelbar > trough > block.high, levelbar > trough > block:not(.empty) {
+  background-color: #711c91;
+}
+levelbar > trough > block.full {
+  background-color: #d300c4;
+}
+levelbar > trough > block.empty {
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+/**
+ * Print dialog
+ */
+window.dialog.print paper {
+  border-radius: 5px;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #091833;
+  color: #0abdc6;
+}
+window.dialog.print .dialog-action-box {
+  margin: 12px;
+}
+
+/**
+ * Frames
+ */
+frame,
+.frame {
+  border-radius: 5px;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #091833;
+  color: #0abdc6;
+}
+frame > label {
+  margin: 4px;
+}
+
+statusbar {
+  padding: 6px 10px;
+}
+
+actionbar > revealer > box {
+  padding: 4px;
+  border-spacing: 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) {
+  border-radius: 5px 5px 0 0;
+}
+
+overshoot.top {
+  background-image: radial-gradient(farthest-side at top, rgba(113, 28, 145, 0.24) 99%, rgba(113, 28, 145, 0) 100%);
+  background-size: 200% 75%;
+  background-repeat: no-repeat;
+  background-position: top;
+}
+overshoot.bottom {
+  background-image: radial-gradient(farthest-side at bottom, rgba(113, 28, 145, 0.24) 99%, rgba(113, 28, 145, 0) 100%);
+  background-size: 200% 75%;
+  background-repeat: no-repeat;
+  background-position: bottom;
+}
+overshoot.left {
+  background-image: radial-gradient(farthest-side at left, rgba(113, 28, 145, 0.24) 99%, rgba(113, 28, 145, 0) 100%);
+  background-size: 75% 200%;
+  background-repeat: no-repeat;
+  background-position: left;
+}
+overshoot.right {
+  background-image: radial-gradient(farthest-side at right, rgba(113, 28, 145, 0.24) 99%, rgba(113, 28, 145, 0) 100%);
+  background-size: 75% 200%;
+  background-repeat: no-repeat;
+  background-position: right;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(10, 189, 198, 0.2);
+}
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(10, 189, 198, 0.2);
+}
+
+button.font > box > box > separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/**
+ * Lists
+ */
+listview > row,
+list > row {
+  padding: 2px;
+}
+listview > row.expander,
+list > row.expander {
+  padding: 0;
+}
+listview > row.expander .row-header,
+list > row.expander .row-header {
+  padding: 2px;
+}
+listview.separators:not(.horizontal) > row:not(:first-child),
+list.separators:not(.horizontal) > row:not(:first-child) {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+listview.separators.horizontal > row:not(:first-child),
+list.separators.horizontal > row:not(:first-child) {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+}
+
+row {
+  background-clip: padding-box;
+}
+row.activatable:drop(active), row.activatable:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+row.activatable:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+row.activatable:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) {
+  transition-property: all, border-image, background-size, background-image, background-color;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+row.activatable.has-open-popup {
+  background-color: rgba(10, 189, 198, 0.16);
+}
+row:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  background-color: rgba(113, 28, 145, 0.6);
+}
+row:selected:drop(active), row:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+row:selected:focus {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+row:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+row:selected.has-open-popup {
+  background-color: rgba(113, 28, 145, 0.664);
+}
+
+listview > row:drop(active), listview > row:hover {
+  background-color: rgba(10, 189, 198, 0.08);
+}
+listview > row:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+listview > row:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+listview > row:drop(active):not(:active), listview > row:hover:not(:active) {
+  transition-property: all, border-image, background-size, background-image, background-color;
+  transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
+}
+listview:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  background-color: rgba(113, 28, 145, 0.6);
+}
+listview:selected:drop(active), listview:selected:hover {
+  background-color: rgba(113, 28, 145, 0.632);
+}
+listview:selected:focus {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+listview:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+
+columnview > listview > row {
+  padding: 0;
+}
+columnview > listview > row > cell {
+  min-height: 24px;
+  padding: 4px 6px;
+}
+columnview > listview > row > cell:not(:last-child) {
+  border-right: 1px solid transparent;
+}
+columnview.column-separators > listview > row > cell {
+  border-right-color: rgba(10, 189, 198, 0.2);
+}
+columnview.data-table > listview > row > cell {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.rich-list > row {
+  padding: 12px;
+  min-height: 32px;
+}
+.rich-list > row > box {
+  border-spacing: 12px;
+}
+
+/**
+ * App Notifications
+ */
+.app-notification {
+  margin: 8px;
+  border-style: none;
+}
+.app-notification button.text-button:not(:disabled) {
+  color: #711c91;
+}
+.app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.app-notification button.text-button:not(:disabled):focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+.app-notification button.text-button:not(:disabled):active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+
+/**
+ * Expanders
+ */
+expander {
+  transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  padding: 4px;
+  border-radius: 9999px;
+  color: rgba(10, 189, 198, 0.7);
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+expander:drop(active), expander:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+expander:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+expander:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+expander:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+expander:checked:dir(ltr) {
+  -gtk-icon-transform: rotate(-180deg);
+}
+expander:checked:dir(rtl) {
+  -gtk-icon-transform: rotate(180deg);
+}
+
+indent {
+  min-width: 16px;
+  min-height: 16px;
+  padding: 4px;
+}
+
+expander-widget:focus > box > title > expander {
+  box-shadow: inset 0 0 0 9999px rgba(10, 189, 198, 0.12);
+}
+expander-widget > box > title:drop(active) > expander,
+expander-widget > box > title:hover > expander {
+  box-shadow: inset 0 0 0 9999px rgba(10, 189, 198, 0.12);
+}
+expander-widget > box > title:active > expander {
+  transition-duration: 75ms, 225ms, 0ms, 0ms;
+  animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: 0% 0%;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+
+/**
+ * Calendar
+ */
+calendar {
+  border-radius: 5px;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #091833;
+  color: #0abdc6;
+}
+calendar:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+calendar > header {
+  padding: 4px;
+  border-spacing: 4px;
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+calendar > header > button.image-button {
+  padding: 0;
+  min-width: 28px;
+  min-height: 28px;
+  border-radius: 9999px;
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+  box-shadow: none;
+  background-color: transparent;
+}
+calendar > header > button.image-button:drop(active), calendar > header > button.image-button:hover {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+calendar > header > button.image-button:focus {
+  box-shadow: none;
+  background-color: rgba(10, 189, 198, 0.12);
+}
+calendar > header > button.image-button:active {
+  box-shadow: none;
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+calendar > header > button.image-button:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+calendar > grid {
+  padding: 4px;
+  border-spacing: 4px;
+}
+calendar > grid > label {
+  padding: 0;
+  min-width: 28px;
+  min-height: 28px;
+  border-radius: 9999px;
+}
+calendar > grid > label.day-name,
+calendar > grid > label.week-number {
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+calendar > grid > label.day-number:drop(active), calendar > grid > label.day-number:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+calendar > grid > label.day-number:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+calendar > grid > label.day-number:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+calendar > grid > label.day-number.today {
+  box-shadow: inset 0 0 0 1px rgba(10, 189, 198, 0.7);
+}
+calendar > grid > label.day-number.other-month {
+  color: rgba(10, 189, 198, 0.3);
+}
+calendar > grid > label.day-number:selected {
+  background-color: rgba(113, 28, 145, 0.6);
+  box-shadow: inset 0 0 0 1px transparent;
+  background-color: rgba(113, 28, 145, 0.6);
+}
+calendar > grid > label.day-number:selected:drop(active), calendar > grid > label.day-number:selected:hover {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+calendar > grid > label.day-number:selected:focus {
+  background-color: rgba(113, 28, 145, 0.648);
+}
+calendar > grid > label.day-number:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+
+/**
+ * Dialogs
+ */
+window.dialog.message.csd.background {
+  min-width: 280px;
+  border-radius: 5px;
+  background-color: #133e7c;
+}
+window.dialog.message > .titlebar {
+  min-height: 24px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: transparent;
+  color: #0abdc6;
+}
+window.dialog.message > .titlebar:backdrop {
+  background-color: transparent;
+  color: rgba(10, 189, 198, 0.7);
+}
+window.dialog.message > box.dialog-vbox.vertical {
+  border-spacing: 20px;
+}
+window.dialog.message > box.dialog-vbox.vertical > box.vertical > box.horizontal {
+  margin: 0 -6px;
+}
+window.dialog.message label.title {
+  font-weight: 500;
+  font-size: 15pt;
+  letter-spacing: 0.1125pt;
+}
+window.dialog.message label.title + label {
+  color: rgba(10, 189, 198, 0.7);
+}
+window.dialog.message list,
+window.dialog.message .view {
+  background-color: transparent;
+}
+window.dialog.message .dialog-action-area > button:not(:disabled) {
+  color: #711c91;
+}
+window.dialog.message .dialog-action-area > button:not(:disabled):drop(active), window.dialog.message .dialog-action-area > button:not(:disabled):hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+window.dialog.message .dialog-action-area > button:not(:disabled):focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+window.dialog.message .dialog-action-area > button:not(:disabled):active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) {
+  background-color: transparent;
+}
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) {
+  background-color: transparent;
+  color: #ff0000;
+}
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):drop(active), window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):hover {
+  background-color: rgba(255, 0, 0, 0.12);
+}
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):focus {
+  background-color: rgba(255, 0, 0, 0.12);
+}
+window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled):active {
+  background-image: radial-gradient(circle, rgba(255, 0, 0, 0.16) 10%, transparent 10%);
+}
+
+.dialog-action-area {
+  padding: 4px;
+  border-spacing: 4px;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+filechooser #pathbarbox > stack > box > button {
+  border-radius: 9999px;
+}
+
+filechooserbutton > button > box {
+  border-spacing: 6px;
+}
+
+/**
+ * Sidebar
+ */
+.sidebar {
+  border-style: none;
+}
+.sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
+  border-right: 1px solid rgba(10, 189, 198, 0.2);
+  border-left-style: none;
+}
+
+.sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
+  border-left: 1px solid rgba(10, 189, 198, 0.2);
+  border-right-style: none;
+}
+
+paned .sidebar:dir(rtl):not(:dir(ltr)), paned .sidebar:dir(ltr):not(:dir(rtl)) {
+  border-style: none;
+}
+
+stacksidebar.sidebar list {
+  padding: 4px;
+}
+stacksidebar.sidebar list.separators:not(.horizontal) > row:not(:first-child) {
+  border-top-style: none;
+}
+stacksidebar.sidebar row {
+  min-height: 32px;
+  padding: 0 2px;
+  border-radius: 5px;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+stacksidebar.sidebar row:selected {
+  background-color: rgba(113, 28, 145, 0.16);
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+stacksidebar.sidebar row:selected:focus {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+stacksidebar.sidebar row:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+stacksidebar.sidebar row + row {
+  margin-top: 4px;
+}
+stacksidebar.sidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+/**
+ * File chooser
+ */
+row image.sidebar-icon {
+  transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
+  color: rgba(10, 189, 198, 0.7);
+}
+row image.sidebar-icon:disabled {
+  color: rgba(10, 189, 198, 0.3);
+}
+
+placessidebar.sidebar list {
+  padding: 4px 0;
+}
+placessidebar.sidebar list > separator {
+  margin: 4px 0;
+}
+placessidebar.sidebar row {
+  min-height: 32px;
+  margin: 0 4px;
+  padding: 0;
+  border-radius: 5px;
+  color: rgba(10, 189, 198, 0.7);
+  font-weight: 500;
+}
+placessidebar.sidebar row > revealer {
+  padding: 0 8px;
+}
+placessidebar.sidebar row:selected {
+  background-color: rgba(113, 28, 145, 0.16);
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+placessidebar.sidebar row:selected:focus {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+placessidebar.sidebar row:selected:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+placessidebar.sidebar row:selected image.sidebar-icon {
+  color: #711c91;
+}
+placessidebar.sidebar row:disabled {
+  color: rgba(10, 189, 198, 0.5);
+}
+placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+placessidebar.sidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+placessidebar.sidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+placessidebar.sidebar row.sidebar-placeholder-row {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+placessidebar.sidebar row.sidebar-new-bookmark-row {
+  color: #711c91;
+}
+placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
+  color: #711c91;
+}
+
+placesview .server-list-button > image {
+  -gtk-icon-transform: rotate(0turn);
+}
+placesview .server-list-button:checked > image {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+placesview > actionbar > revealer > box > box {
+  border-spacing: 4px;
+}
+placesview > actionbar > revealer > box > box > label {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+/**
+ * Paned
+ */
+paned > separator {
+  background-clip: content-box;
+}
+paned > separator.wide {
+  min-width: 4px;
+  min-height: 4px;
+  border: 1px solid rgba(10, 189, 198, 0.2);
+  background-color: transparent;
+}
+paned.horizontal > separator:not(.wide) {
+  margin: 0 -4px;
+  padding: 0 4px;
+}
+paned.horizontal > separator.wide {
+  border-style: none solid;
+}
+paned.vertical > separator:not(.wide) {
+  margin: -4px 0;
+  padding: 4px 0;
+}
+paned.vertical > separator.wide {
+  border-style: solid none;
+}
+
+/**
+ * GtkVideo
+ */
+video {
+  background-color: black;
+}
+video image.osd {
+  min-width: 64px;
+  min-height: 64px;
+  border-radius: 32px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fff;
+}
+video controls.osd {
+  padding: 4px;
+  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
+  color: rgba(255, 255, 255, 0.87);
+}
+video controls.osd button {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.6);
+}
+video controls.osd button:drop(active), video controls.osd button:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+video controls.osd button:focus {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+video controls.osd button:active {
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+
+/**
+ * GtkInfoBar
+ */
+infobar > revealer > box {
+  padding: 8px;
+  border-spacing: 12px;
+}
+infobar.action:hover > revealer > box {
+  background-image: image(rgba(10, 189, 198, 0.12));
+}
+infobar.info > revealer > box, infobar.question > revealer > box {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+infobar.info > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button.text-button:not(:disabled) {
+  color: #711c91;
+}
+infobar.info > revealer > box button.text-button:not(:disabled):drop(active), infobar.info > revealer > box button.text-button:not(:disabled):hover, infobar.question > revealer > box button.text-button:not(:disabled):drop(active), infobar.question > revealer > box button.text-button:not(:disabled):hover {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+infobar.info > revealer > box button.text-button:not(:disabled):focus, infobar.question > revealer > box button.text-button:not(:disabled):focus {
+  background-color: rgba(113, 28, 145, 0.12);
+}
+infobar.info > revealer > box button.text-button:not(:disabled):active, infobar.question > revealer > box button.text-button:not(:disabled):active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+infobar.warning > revealer > box {
+  background-color: #f57800;
+  color: #000;
+}
+infobar.warning > revealer > box button.flat {
+  color: #000;
+}
+infobar.warning > revealer > box button.flat:drop(active), infobar.warning > revealer > box button.flat:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+infobar.warning > revealer > box button.flat:focus {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+infobar.warning > revealer > box button.flat:active {
+  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 10%);
+}
+infobar.warning > revealer > box link {
+  color: #000;
+}
+infobar.error > revealer > box {
+  background-color: #ff0000;
+  color: #fff;
+}
+infobar.error > revealer > box button.flat {
+  color: #fff;
+}
+infobar.error > revealer > box button.flat:drop(active), infobar.error > revealer > box button.flat:hover {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+infobar.error > revealer > box button.flat:focus {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+infobar.error > revealer > box button.flat:active {
+  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 10%);
+}
+infobar.error > revealer > box link {
+  color: #fff;
+}
+/**
+ * Tooltips
+ */
+tooltip {
+  min-height: 24px;
+  padding: 4px 8px;
+  border-radius: 5px;
+}
+tooltip.background {
+  background-color: rgba(9, 24, 51, 0.9);
+  color: #ea00d9;
+}
+tooltip:not(.csd) {
+  background-color: rgba(9, 24, 51, 0.9);
+}
+tooltip > box {
+  border-spacing: 6px;
+}
+tooltip .dim-label {
+  color: rgba(234, 0, 217, 0.7);
+}
+
+/**
+ * Color Chooser
+ */
+colorswatch {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+}
+colorswatch:drop(active), colorswatch.activatable:hover {
+  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
+}
+colorswatch:disabled {
+  opacity: 0.5;
+}
+colorswatch.top {
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+}
+colorswatch.bottom {
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+colorswatch.dark {
+  color: #fff;
+}
+colorswatch.light {
+  color: #000;
+}
+colorswatch#add-color-button {
+  background-color: #133e7c;
+  color: #0abdc6;
+}
+colorswatch#editor-color-sample {
+  border-radius: 5px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px;
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #133e7c;
+}
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.05);
+}
+
+/**
+ * Misc
+ */
+/**
+ * Window Decorations
+ */
+window.csd {
+  transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 5px 5px 0 0;
+  border-radius: 5px;
+  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px transparent, 0 6px 30px 5px transparent;
+}
+window.csd:backdrop {
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 16px 24px 2px transparent, 0 6px 30px 5px transparent;
+}
+window.ssd {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+window.solid-csd {
+  margin: 0;
+  padding: 2px;
+  border-radius: 0;
+  box-shadow: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+  background-color: #091833;
+}
+window.solid-csd:backdrop {
+  background-color: #000823;
+}
+window.maximized, window.fullscreen, window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom {
+  border-radius: 0;
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**
+ * Touch Copy & Paste
+ */
+cursor-handle {
+  min-width: 24px;
+  min-height: 24px;
+  border-radius: 50%;
+  background-color: #711c91;
+}
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  border-top-right-radius: 0;
+}
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  border-top-left-radius: 0;
+}
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  margin-top: 6px;
+  transform: rotate(45deg);
+}
+
+shortcuts-section {
+  margin: 20px;
+}
+
+.shortcuts-search-results {
+  margin: 20px;
+  border-spacing: 24px;
+}
+
+shortcut {
+  border-spacing: 6px;
+}
+
+shortcut > .keycap {
+  min-width: 12px;
+  min-height: 28px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-radius: 5px;
+  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+  background-color: #133e7c;
+  color: #0abdc6;
+  font-size: smaller;
+}
+
+stackswitcher > button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher.circular {
+  border-spacing: 12px;
+}
+stackswitcher.circular > button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+}
+
+/**
+ * App Icons
+ */
+/**
+ * Emoji
+ */
+popover.emoji-picker > contents {
+  padding: 0;
+}
+popover.emoji-picker > contents emoji {
+  min-width: 3em;
+  min-height: 3em;
+  border-radius: 5px;
+}
+popover.emoji-picker > contents emoji:drop(active), popover.emoji-picker > contents emoji:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+popover.emoji-picker > contents emoji:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+popover.emoji-picker > contents emoji:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+
+.emoji-searchbar {
+  border-bottom: 1px solid rgba(10, 189, 198, 0.2);
+}
+.emoji-searchbar > entry.search {
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+.emoji-toolbar {
+  padding: 4px;
+  border-spacing: 4px;
+  border-top: 1px solid rgba(10, 189, 198, 0.2);
+}
+.emoji-toolbar > button.emoji-section:checked {
+  background-color: rgba(113, 28, 145, 0.16);
+  color: #711c91;
+  background-color: rgba(113, 28, 145, 0.16);
+}
+.emoji-toolbar > button.emoji-section:checked:drop(active), .emoji-toolbar > button.emoji-section:checked:hover {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+.emoji-toolbar > button.emoji-section:checked:focus {
+  background-color: rgba(113, 28, 145, 0.2608);
+}
+.emoji-toolbar > button.emoji-section:checked:active {
+  background-image: radial-gradient(circle, rgba(113, 28, 145, 0.16) 10%, transparent 10%);
+}
+
+popover.emoji-completion > contents {
+  padding: 8px 0;
+}
+popover.emoji-completion > contents emoji-completion-row {
+  min-height: 32px;
+  padding: 0 8px;
+}
+popover.emoji-completion > contents emoji-completion-row:drop(active), popover.emoji-completion > contents emoji-completion-row:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+popover.emoji-completion > contents emoji-completion-row:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+popover.emoji-completion > contents emoji-completion-row:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+popover.emoji-completion > contents emoji-completion-row > box {
+  border-spacing: 8px;
+}
+popover.emoji-completion > contents emoji {
+  border-radius: 5px;
+}
+popover.emoji-completion > contents emoji:drop(active), popover.emoji-completion > contents emoji:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+popover.emoji-completion > contents emoji:focus {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+popover.emoji-completion > contents emoji:active {
+  background-image: radial-gradient(circle, rgba(10, 189, 198, 0.16) 10%, transparent 10%);
+}
+
+popover.entry-completion > contents {
+  padding: 0;
+}
+popover.entry-completion > contents treeview.view {
+  min-height: 32px;
+  padding: 8px 0;
+}
+popover.entry-completion > contents treeview.view > .cell {
+  padding: 0 4px;
+}
+popover.entry-completion > contents treeview.view > .cell:selected:hover {
+  background-color: rgba(10, 189, 198, 0.12);
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #0abdc6;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #0abdc6;
+/*
+widget base background color */
+@define-color theme_bg_color #000b1e;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #091833;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #711c91;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fff;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #000b1e;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(10, 189, 198, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #091833;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #0abdc6;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #0abdc6;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #000b1e;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #091833;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #711c91;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #fff;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(10, 189, 198, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(10, 189, 198, 0.2);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(10, 189, 198, 0.2);
+/*
+these are pretty self explicative */
+@define-color warning_color #f57800;
+@define-color error_color #ff0000;
+@define-color success_color #d300c4;
+/*
+these colors are exported for the window manager and shouldn't be used in applications,
+read if you used those and something break with a version upgrade you're on your own... */
+@define-color wm_title #ea00d9;
+@define-color wm_unfocused_title rgba(234, 0, 217, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.05);
+@define-color wm_bg #091833;
+@define-color wm_unfocused_bg #000823;
+@define-color xfwm4_title #ea00d9;
+@define-color xfwm4_unfocused_title #a402a2;
+/* content view background such as thumbnails view in Photos or Boxes */
+@define-color content_view_bg #000b1e;
+/* Very contrasty background for text views (@theme_text_color foreground) */
+@define-color text_view_bg #000b1e;
+/* placeholder for entries */
+@define-color placeholder_text_color #0a8c9a;
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..8067c11
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-checked-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="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/gtk-4.0/icons/checkbox-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..76e69c9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-mixed-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="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..97dbb89
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/checkbox-unchecked-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="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/gtk-4.0/icons/cursor-handle-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/cursor-handle-symbolic.svg
new file mode 100644
index 0000000..e2a252b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/cursor-handle-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+  <path d="M0 0h12A12 12 0 1 1 0 12z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-checked-symbolic.svg
new file mode 100644
index 0000000..7b82c3d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-checked-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 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-mixed-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="M7 11v2h10v-2H7zm5-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/radio-unchecked-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 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..7ad27d5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.6 3.59L14.01 5l-8 8-4-4 1.41-1.41 2.59 2.59 6.59-6.59z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..0f80850
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2 7h8v2H4V7z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..bfe0a56
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-checkbox-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm0 2h12v12H2V2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-checked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..04a9a21
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-checked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zm0 2a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-mixed-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..31aac91
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-mixed-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6zM4 7v2h8V7H4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-unchecked-symbolic.svg b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/gtk-4.0/icons/small-radio-unchecked-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/index.theme b/themes/materia-cyberpunk-neon/index.theme
new file mode 100644
index 0000000..b8e0c04
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/index.theme
@@ -0,0 +1,12 @@
+[Desktop Entry]
+Type=X-GNOME-Metatheme
+Name=Materia-dark-compact
+Comment=A Material Design theme
+Encoding=UTF-8
+
+[X-GNOME-Metatheme]
+GtkTheme=Materia-dark-compact
+MetacityTheme=Materia-dark-compact
+IconTheme=Adwaita
+CursorTheme=Adwaita
+CursorSize=24
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/button.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/button.svg
new file mode 100644
index 0000000..51c67bf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/button.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="12"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/close.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/close.svg
new file mode 100644
index 0000000..1fe0805
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/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="#808080">
+  <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/metacity-1/assets/maximize.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..02d76eb
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/maximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/menu.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..ad8570a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/menu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <circle cx="12" cy="12" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/minimize.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..dc1fa3f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/minimize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/shade.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..29aeeae
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/shade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/unmaximize.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..cd03f34
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/unmaximize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/assets/unshade.svg b/themes/materia-cyberpunk-neon/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..fa98887
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/assets/unshade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#808080">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/metacity-theme-2.xml b/themes/materia-cyberpunk-neon/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..1b39bdf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,621 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>materia-cyberpunk-neon</name>
+  <author>nana-4</author>
+  <copyright>GPL</copyright>
+  <date>2020</date>
+  <description>materia-cyberpunk-neon Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="#091833"/>
+<constant name="C_titlebar_unfocused" value="#091833"/>
+<constant name="C_highlight_focused" value="blend/#091833/#0abdc6/0.05"/>
+<constant name="C_highlight_unfocused" value="blend/#091833/#0abdc6/0.05"/>
+<constant name="C_title_focused" value="blend/#091833/#0abdc6/0.87"/>
+<constant name="C_title_unfocused" value="blend/#091833/#0abdc6/0.6"/>
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="left_titlebar_edge" value="0"/>
+  <distance name="right_titlebar_edge" value="0"/>
+  <distance name="title_vertical_pad" value="13"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="title_vertical_pad" value="2"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal">
+  <distance name="title_vertical_pad" value="4"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="highlight_focused">
+  <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="highlight_unfocused">
+  <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight_unfocused"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="normal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="normal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+
+</metacity_theme>
diff --git a/themes/materia-cyberpunk-neon/metacity-1/metacity-theme-3.xml b/themes/materia-cyberpunk-neon/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..aa26ae9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,648 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>materia-cyberpunk-neon</name>
+  <author>nana-4</author>
+  <copyright>GPL</copyright>
+  <date>2020</date>
+  <description>materia-cyberpunk-neon Metacity theme</description>
+</info>
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar_focused" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/>
+<constant name="C_titlebar_unfocused" value="gtk:custom(wm_unfocused_bg,gtk:bg[NORMAL])"/>
+<constant name="C_highlight_focused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_highlight_unfocused" value="gtk:custom(wm_highlight,gtk:base[NORMAL])"/>
+<constant name="C_title_focused" value="gtk:custom(wm_title,gtk:fg[NORMAL])"/>
+<constant name="C_title_unfocused" value="gtk:custom(wm_unfocused_title,gtk:fg[INSENSITIVE])"/>
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="left_titlebar_edge" value="0"/>
+  <distance name="right_titlebar_edge" value="0"/>
+  <distance name="title_vertical_pad" value="13"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <aspect_ratio name="button" value="1"/>
+</frame_geometry>
+
+<frame_geometry name="max" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_left" parent="max">
+  <distance name="right_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="tiled_right" parent="max">
+  <distance name="left_width" value="0"/>
+</frame_geometry>
+
+<frame_geometry name="nobuttons" hide_buttons="true" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="modal" parent="normal">
+</frame_geometry>
+
+<frame_geometry name="small" title_scale="small" parent="normal">
+  <distance name="title_vertical_pad" value="8"/>
+</frame_geometry>
+
+<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="2"/>
+  <distance name="right_width" value="2"/>
+  <distance name="bottom_height" value="2"/>
+  <distance name="title_vertical_pad" value="2"/>
+  <border name="title_border" left="10" right="10" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="title_vertical_pad" value="0"/>
+  <border name="button_border" left="0" right="0" top="0" bottom="0"/>
+  <border name="title_border" left="0" right="0" top="0" bottom="0"/>
+</frame_geometry>
+
+<frame_geometry name="attached" hide_buttons="true" rounded_bottom_left="4" rounded_bottom_right="4" parent="normal">
+  <distance name="title_vertical_pad" value="4"/>
+</frame_geometry>
+
+<!-- drawing operations -->
+
+<!-- title -->
+
+<draw_ops name="title_focused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_focused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="title_unfocused">
+  <title version="< 3.1"
+    x="(0 `max` ((width - title_width) / 2))"
+    y="(0 `max` ((height - title_height) / 2))"
+    color="C_title_unfocused"/>
+  <title version=">= 3.1"
+    x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))"
+    y="(0 `max` ((height - title_height) / 2))"
+    ellipsize_width="width"
+    color="C_title_unfocused"/>
+</draw_ops>
+
+<!-- window decorations -->
+
+<draw_ops name="entire_background_focused">
+  <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="highlight_focused">
+  <line color="C_highlight_focused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_focused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_focused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="highlight_unfocused">
+  <line color="C_highlight_unfocused" x1="4" y1="0" x2="width - 5" y2="0"/>
+  <arc color="C_highlight_unfocused" x="0 - 1" y="0" width="13" height="13" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight_unfocused" x="width - 13" y="0" width="13" height="13" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight_focused"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight_unfocused"/>
+</draw_ops>
+
+<!-- button icons -->
+
+<!-- close -->
+
+<draw_ops name="close_focused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_prelight">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <include name="close_focused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_prelight">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_unfocused"/>
+</draw_ops>
+
+<!-- maximize -->
+
+<draw_ops name="maximize_focused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_prelight">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_prelight">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused"/>
+</draw_ops>
+
+<!-- unmaximize -->
+
+<draw_ops name="unmaximize_focused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_prelight">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_prelight">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused"/>
+</draw_ops>
+
+<!-- minimize -->
+
+<draw_ops name="minimize_focused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_prelight">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_prelight">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused"/>
+</draw_ops>
+
+<!-- menu -->
+
+<draw_ops name="menu_focused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_prelight">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_prelight">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused"/>
+</draw_ops>
+
+<!-- shade -->
+
+<draw_ops name="shade_focused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_prelight">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_prelight">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused"/>
+</draw_ops>
+
+<!-- unshade -->
+
+<draw_ops name="unshade_focused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_prelight">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_prelight">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused"/>
+</draw_ops>
+
+<!-- appmenu -->
+
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_focused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused">
+  <icon
+    x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2"
+    width="D_appmenu_icon_size" height="D_appmenu_icon_size"
+    alpha="0.7"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_unfocused"/>
+</draw_ops>
+
+<!-- button backgrounds -->
+
+<draw_ops name="button_focused">
+</draw_ops>
+
+<draw_ops name="button_focused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_focused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused">
+</draw_ops>
+
+<draw_ops name="button_unfocused_prelight">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="button_unfocused_pressed">
+  <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<!-- frame styles -->
+
+<frame_style name="normal_focused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_focused"/>
+  <piece position="titlebar" draw_ops="titlebar_focused"/>
+  <piece position="title" draw_ops="title_focused"/>
+  <button function="close" state="normal" draw_ops="close_focused"/>
+  <button function="close" state="prelight" draw_ops="close_focused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_focused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_focused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_focused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_focused"/>
+  <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_focused"/>
+  <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_focused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_focused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_unfocused" geometry="normal">
+  <piece position="entire_background" draw_ops="entire_background_unfocused"/>
+  <piece position="titlebar" draw_ops="titlebar_unfocused"/>
+  <piece position="title" draw_ops="title_unfocused"/>
+  <button function="close" state="normal" draw_ops="close_unfocused"/>
+  <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/>
+  <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/>
+  <button function="maximize" state="normal" draw_ops="maximize_unfocused"/>
+  <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/>
+  <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/>
+  <button function="minimize" state="normal" draw_ops="minimize_unfocused"/>
+  <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
+  <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
+  <button function="menu" state="normal" draw_ops="menu_unfocused"/>
+  <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/>
+  <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/>
+  <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/>
+  <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/>
+  <button function="shade" state="normal" draw_ops="shade_unfocused"/>
+  <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/>
+  <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/>
+  <button function="unshade" state="normal" draw_ops="unshade_unfocused"/>
+  <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/>
+  <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/>
+
+  <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+  <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/>
+  <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/>
+  <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/>
+
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<frame_style name="normal_max_focused" geometry="max" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_focused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/>
+</frame_style>
+
+<frame_style name="normal_max_unfocused" geometry="max" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+  <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/>
+  <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/>
+  <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/>
+</frame_style>
+
+<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_focused">
+  <piece position="titlebar" draw_ops="entire_background_focused"/>
+</frame_style>
+
+<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_unfocused">
+  <piece position="titlebar" draw_ops="entire_background_unfocused"/>
+</frame_style>
+
+<frame_style name="dialog_focused" geometry="normal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="normal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused">
+</frame_style>
+
+<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="utility_focused" geometry="small" parent="normal_focused">
+</frame_style>
+
+<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="border_focused" geometry="border" parent="normal_focused">
+</frame_style>
+
+<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused">
+</frame_style>
+
+<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused">
+</frame_style>
+
+<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused">
+</frame_style>
+
+<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused">
+</frame_style>
+
+<!-- placeholder for unimplementated styles-->
+
+<frame_style name="blank" geometry="normal">
+  <button function="close" state="normal"><draw_ops></draw_ops></button>
+  <button function="close" state="pressed"><draw_ops></draw_ops></button>
+  <button function="maximize" state="normal"><draw_ops></draw_ops></button>
+  <button function="maximize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="minimize" state="normal"><draw_ops></draw_ops></button>
+  <button function="minimize" state="pressed"><draw_ops></draw_ops></button>
+  <button function="menu" state="normal"><draw_ops></draw_ops></button>
+  <button function="menu" state="pressed"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button>
+  <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button>
+  <button function="shade" state="normal"><draw_ops></draw_ops></button>
+  <button function="shade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unshade" state="normal"><draw_ops></draw_ops></button>
+  <button function="unshade" state="pressed"><draw_ops></draw_ops></button>
+  <button function="above" state="normal"><draw_ops></draw_ops></button>
+  <button function="above" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unabove" state="normal"><draw_ops></draw_ops></button>
+  <button function="unabove" state="pressed"><draw_ops></draw_ops></button>
+  <button function="stick" state="normal"><draw_ops></draw_ops></button>
+  <button function="stick" state="pressed"><draw_ops></draw_ops></button>
+  <button function="unstick" state="normal"><draw_ops></draw_ops></button>
+  <button function="unstick" state="pressed"><draw_ops></draw_ops></button>
+</frame_style>
+
+<!-- frame style sets -->
+
+<frame_style_set name="normal_style_set">
+  <frame focus="yes" state="normal" resize="both" style="normal_focused"/>
+  <frame focus="no" state="normal" resize="both" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized" style="normal_max_focused"/>
+  <frame focus="no" state="maximized" style="normal_max_unfocused"/>
+  <frame focus="yes" state="shaded" style="normal_focused"/>
+  <frame focus="no" state="shaded" style="normal_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/>
+  <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/>
+  <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/>
+  <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/>
+</frame_style_set>
+
+<frame_style_set name="dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="dialog_focused"/>
+  <frame focus="no" state="shaded" style="dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="modal_dialog_style_set">
+  <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/>
+  <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="modal_dialog_focused"/>
+  <frame focus="no" state="shaded" style="modal_dialog_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="utility_style_set">
+  <frame focus="yes" state="normal" resize="both" style="utility_focused"/>
+  <frame focus="no" state="normal" resize="both" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="utility_focused"/>
+  <frame focus="no" state="shaded" style="utility_unfocused"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="border_style_set">
+  <frame focus="yes" state="normal" resize="both" style="border_focused"/>
+  <frame focus="no" state="normal" resize="both" style="border_unfocused"/>
+  <frame focus="yes" state="maximized" style="borderless_focused"/>
+  <frame focus="no" state="maximized" style="borderless_unfocused"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<frame_style_set name="attached_style_set">
+  <frame focus="yes" state="normal" resize="both" style="attached_focused"/>
+  <frame focus="no" state="normal" resize="both" style="attached_unfocused"/>
+  <frame focus="yes" state="maximized" style="blank"/>
+  <frame focus="no" state="maximized" style="blank"/>
+  <frame focus="yes" state="shaded" style="blank"/>
+  <frame focus="no" state="shaded" style="blank"/>
+  <frame focus="yes" state="maximized_and_shaded" style="blank"/>
+  <frame focus="no" state="maximized_and_shaded" style="blank"/>
+</frame_style_set>
+
+<!-- windows -->
+
+<window type="normal" style_set="normal_style_set"/>
+<window type="dialog" style_set="dialog_style_set"/>
+<window type="modal_dialog" style_set="modal_dialog_style_set"/>
+<window type="menu" style_set="utility_style_set"/>
+<window type="utility" style_set="utility_style_set"/>
+<window type="border" style_set="border_style_set"/>
+<window version=">= 3.2" type="attached" style_set="attached_style_set"/>
+
+</metacity_theme>
diff --git a/themes/materia-cyberpunk-neon/plank/dock.theme b/themes/materia-cyberpunk-neon/plank/dock.theme
new file mode 100644
index 0000000..04fa741
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/plank/dock.theme
@@ -0,0 +1,64 @@
+#This file based on:
+#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme
+
+[PlankTheme]
+#The roundness of the top corners.
+TopRoundness=4
+#The roundness of the bottom corners.
+BottomRoundness=0
+#The thickness (in pixels) of lines drawn.
+LineWidth=0
+#The color (RGBA) of the outer stroke.
+OuterStrokeColor=0;;0;;0;;0
+#The starting color (RGBA) of the fill gradient.
+FillStartColor=0;;0;;0;;153
+#The ending color (RGBA) of the fill gradient.
+FillEndColor=0;;0;;0;;153
+#The color (RGBA) of the inner stroke.
+InnerStrokeColor=0;;0;;0;;0
+
+[PlankDockTheme]
+#The padding on the left/right dock edges, in tenths of a percent of IconSize.
+HorizPadding=1
+#The padding on the top dock edge, in tenths of a percent of IconSize.
+TopPadding=2
+#The padding on the bottom dock edge, in tenths of a percent of IconSize.
+BottomPadding=1
+#The padding between items on the dock, in tenths of a percent of IconSize.
+ItemPadding=2
+#The size of item indicators, in tenths of a percent of IconSize.
+IndicatorSize=5
+#The size of the icon-shadow behind every item, in tenths of a percent of IconSize.
+IconShadowSize=0
+#The height (in percent of IconSize) to bounce an icon when the application sets urgent.
+UrgentBounceHeight=1.6666666666666667
+#The height (in percent of IconSize) to bounce an icon when launching an application.
+LaunchBounceHeight=0.625
+#The opacity value (0 to 1) to fade the dock to when hiding it.
+FadeOpacity=1
+#The amount of time (in ms) for click animations.
+ClickTime=0
+#The amount of time (in ms) to bounce an urgent icon.
+UrgentBounceTime=600
+#The amount of time (in ms) to bounce an icon when launching an application.
+LaunchBounceTime=600
+#The amount of time (in ms) for active window indicator animations.
+ActiveTime=150
+#The amount of time (in ms) to slide icons into/out of the dock.
+SlideTime=300
+#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1).
+FadeTime=250
+#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1).
+HideTime=250
+#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize.
+GlowSize=30
+#The total time (in ms) to show the hidden-dock urgent glow.
+GlowTime=10000
+#The time (in ms) of each pulse of the hidden-dock urgent glow.
+GlowPulseTime=2000
+#The hue-shift (-180 to 180) of the urgent indicator color.
+UrgentHueShift=150
+#The time (in ms) to move an item to its new position or its addition/removal to/from the dock.
+ItemMoveTime=450
+#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time.
+CascadeHide=true
diff --git a/themes/materia-cyberpunk-neon/unity/close.svg b/themes/materia-cyberpunk-neon/unity/close.svg
new file mode 100644
index 0000000..84386db
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_dash.svg b/themes/materia-cyberpunk-neon/unity/close_dash.svg
new file mode 100644
index 0000000..8c591fa
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_dash.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_dash_disabled.svg b/themes/materia-cyberpunk-neon/unity/close_dash_disabled.svg
new file mode 100644
index 0000000..eeecfb2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_dash_disabled.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".3"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_dash_prelight.svg b/themes/materia-cyberpunk-neon/unity/close_dash_prelight.svg
new file mode 100644
index 0000000..421455c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_dash_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_dash_pressed.svg b/themes/materia-cyberpunk-neon/unity/close_dash_pressed.svg
new file mode 100644
index 0000000..3bd0abc
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_dash_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <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" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_focused_normal.svg b/themes/materia-cyberpunk-neon/unity/close_focused_normal.svg
new file mode 100644
index 0000000..84386db
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_focused_normal.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_focused_prelight.svg b/themes/materia-cyberpunk-neon/unity/close_focused_prelight.svg
new file mode 100644
index 0000000..90a8d16
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_focused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_focused_pressed.svg b/themes/materia-cyberpunk-neon/unity/close_focused_pressed.svg
new file mode 100644
index 0000000..e3e0ae5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_focused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_unfocused.svg b/themes/materia-cyberpunk-neon/unity/close_unfocused.svg
new file mode 100644
index 0000000..9f6da08
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_unfocused.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_unfocused_prelight.svg b/themes/materia-cyberpunk-neon/unity/close_unfocused_prelight.svg
new file mode 100644
index 0000000..44d661d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_unfocused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/close_unfocused_pressed.svg b/themes/materia-cyberpunk-neon/unity/close_unfocused_pressed.svg
new file mode 100644
index 0000000..f93dd30
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/close_unfocused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <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" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/dash-widgets.json b/themes/materia-cyberpunk-neon/unity/dash-widgets.json
new file mode 100644
index 0000000..d184c90
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/dash-widgets.json
@@ -0,0 +1,162 @@
+{
+  "stock-icons"      : {
+    "checkmark"      : ["/usr/share/icons/unity/checkmark.svg", "32px", "32px"],
+    "cross"          : ["/usr/share/icons/unity/cross.svg", "32px", "32px"],
+    "grid-view"      : ["/usr/share/icons/unity/grid-view.svg", "32px", "32px"],
+    "flow-view"      : ["/usr/share/icons/unity/flow-view.svg", "32px", "32px"],
+    "star"           : ["/usr/share/icons/unity/star.svg", "32px", "32px"],
+    "triangle"       : ["/usr/share/icons/unity/curved-triangle.svg", "32px", "32px"],
+    "bag"            : ["/usr/share/icons/unity/bag.svg", "32px", "32px"],
+    "next"           : ["/usr/share/icons/unity/next.svg", "32px", "32px"],
+    "prev"           : ["/usr/share/icons/unity/prev.svg", "32px", "32px"],
+    "play"           : ["/usr/share/icons/unity/play.svg", "32px", "32px"]
+  },
+
+  "regular-text"     : {
+    "text-color"     : "#0abdc6",
+    "text-opacity"   : 1.0,
+    "text-size"      : 13.0,
+    "text-mode"      : "normal",
+    "text-weight"    : "regular"
+  },
+
+  "comments": {
+    "states"         : ["ACTIVE",   "NORMAL","PRELIGHT","SELECTED","INSENSITIVE"]
+  },
+
+  "button-icon": {
+    "color"          : ["#0abdc6", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF"],
+    "opacity"        : [      1.0,       1.0,       1.0,       0.8,       0.8],
+    "overlay-opacity": [     0.30,      0.48,      0.48,      0.45,      0.45],
+    "overlay-mode"   : [ "normal","multiply",  "multiply",  "normal",  "normal"],
+    "blur-size"      : [        5,         0,         0,         0,         0]
+  },
+
+  "icon-only"        : {
+    "color"          : "#123456",
+    "opacity"        : 1.0,
+    "overlay-opacity": 0.2,
+    "overlay-mode"   : "normal",
+    "blur-size"      : 6
+  },
+
+  "lens-nav-bar"     : {
+    "icon-height"    : 20,
+    "icon-gap"       : 40
+  },
+
+  "button-label": {
+    "border-opacity" : [      0.8,      0.13,      0.13,      0.13,      0.13],
+    "border-color"   : ["#0abdc6", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF"],
+    "border-size"    : [      2.0,       1.0,       1.0,       0.5,       0.5],
+    "border-radius"  : 4.0,
+    "text-size"      : 1.0,
+    "text-color"     : ["#0abdc6", "#0abdc6", "#0abdc6", "#0abdc6", "#0abdc6"],
+    "text-opacity"   : [      1.0,       1.0,       1.0,       1.0,       1.0],
+    "fill-color"     : ["#FFFFFF", "#000000", "#000000", "#000000", "#000000"],
+    "fill-opacity"   : [      0.13,      0.0,       0.0,       0.0,       0.0],
+    "overlay-opacity": [      0.1,       0.1,       0.1,       0.0,       0.0],
+    "overlay-mode"   : [ "normal",  "normal",  "normal",  "normal",  "normal"],
+    "blur-size"      : [        1,         1,         1,         0,         0]
+  },
+
+  "track-view"       : {
+    "line-gap"         : 26.0,
+    "heading-list-gap" : 30,
+    "left-padding"     : 20
+  },
+
+  "row-caption" : {
+    "main-text-color"   : "#0abdc6",
+    "main-text-opacity" : 1.0,
+    "main-text-size"    : 17.0,
+    "main-text-weight"  : "regular",
+    "sub-text-color"    : "#0abdc6",
+    "sub-text-opacity"  : 0.5,
+    "sub-text-size"     : 13.0,
+    "sub-text-weight"   : "regular",
+    "icon-main-gap"     : 10,
+    "main-sub-gap"      : 15,
+    "sub-arrow-gap"     : 10
+  },
+
+  "preview-heading-small"  : {
+    "main-title-size"    : 23.0,
+    "main-title-color"   : "#0abdc6",
+    "main-title-opacity" : 1.0,
+    "main-title-mode"    : "normal",
+    "main-title-weight"  : "regular",
+    "sub-title-size"     : 17.0,
+    "sub-title-color"    : "#0abdc6",
+    "sub-title-opacity"  : 1.0,
+    "sub-title-mode"     : "normal",
+    "sub-title-weight"   : "regular",
+    "main-sub-gap"       : 15,
+    "padding"            : 10
+  },
+
+  "preview-heading"  : {
+    "main-title-size"    : 30.0,
+    "main-title-color"   : "#0abdc6",
+    "main-title-opacity" : 1.0,
+    "main-title-mode"    : "normal",
+    "main-title-weight"  : "regular",
+    "sub-title-size"     : 17.0,
+    "sub-title-color"    : "#0abdc6",
+    "sub-title-opacity"  : 1.0,
+    "sub-title-mode"     : "normal",
+    "sub-title-weight"   : "regular",
+    "main-sub-gap"       : 15,
+    "padding"            : 10
+  },
+
+  "scrollbar"        : {
+    "color"          : "#fff",
+    "opacity"        : 1.0,
+    "size"           : 8,
+    "buttons-size"   : 0,
+    "corner-radius"  : 3
+  },
+
+  "scrollbar-overlay": {
+    "color"          : "#fff",
+    "opacity"        : 1.0,
+    "size"           : 3,
+    "corner-radius"  : 1.5
+  },
+
+  "scrollbar-track": {
+    "color"          : "#fff",
+    "opacity"        : 0.4
+  },
+
+  "filter-pane" : {
+    "width"           : 330,
+    "title-size"      : 17.0,
+    "title-color"     : "#0abdc6",
+    "title-opacity"   : 1.0,
+    "title-mode"      : "normal",
+    "title-style"     : "bold",
+    "title-arrow-gap" : 10,
+    "button-height"   : 30,
+    "border-size"     : 1
+  },
+
+  "separator"       : {
+    "size"           : 1.0,
+    "color"          : "#0abdc6",
+    "opacity"        : 0.15,
+    "overlay-opacity": 0.47,
+    "overlay-mode"   : "normal",
+    "blur-size"      : 6
+  },
+
+  "filter-caption"   : {
+    "text-size"      : 17,
+    "text-color"     : "#0abdc6",
+    "text-opacity"   : 1.0,
+    "text-mode"      : "normal",
+    "text-weight"    : "bold",
+    "text-arrow-gap" : 10
+  }
+}
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_btt_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_btt_19.svg
new file mode 100644
index 0000000..2adf57f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_btt_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="8" viewBox="0 0 19 8" fill="#0abdc6">
+  <circle cx="10" cy="4" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_btt_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_btt_37.svg
new file mode 100644
index 0000000..eb02c4a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_btt_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="#0abdc6">
+  <circle cx="19" cy="8" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_ltr_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ltr_19.svg
new file mode 100644
index 0000000..f42b7ce
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ltr_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="19" viewBox="0 0 8 19" fill="#0abdc6">
+  <circle cx="4" cy="10" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_ltr_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ltr_37.svg
new file mode 100644
index 0000000..5d40257
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ltr_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="37" viewBox="0 0 16 37" fill="#0abdc6">
+  <circle cx="8" cy="19" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_btt_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_btt_19.svg
new file mode 100644
index 0000000..cdfe42c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_btt_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="8" viewBox="0 0 19 8" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="10" cy="4" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_btt_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_btt_37.svg
new file mode 100644
index 0000000..8581ec9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_btt_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="19" cy="8" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ltr_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ltr_19.svg
new file mode 100644
index 0000000..65806f4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ltr_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="19" viewBox="0 0 8 19" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="4" cy="10" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ltr_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ltr_37.svg
new file mode 100644
index 0000000..16b30de
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ltr_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="37" viewBox="0 0 16 37" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="8" cy="19" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_rtl_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_rtl_19.svg
new file mode 100644
index 0000000..65806f4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_rtl_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="19" viewBox="0 0 8 19" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="4" cy="10" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_rtl_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_rtl_37.svg
new file mode 100644
index 0000000..16b30de
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_rtl_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="37" viewBox="0 0 16 37" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="8" cy="19" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ttb_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ttb_19.svg
new file mode 100644
index 0000000..cdfe42c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ttb_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="8" viewBox="0 0 19 8" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="10" cy="4" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ttb_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ttb_37.svg
new file mode 100644
index 0000000..8581ec9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_outline_ttb_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="#0abdc6" fill-opacity=".7">
+  <circle cx="19" cy="8" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_rtl_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_rtl_19.svg
new file mode 100644
index 0000000..f42b7ce
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_rtl_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="19" viewBox="0 0 8 19" fill="#0abdc6">
+  <circle cx="4" cy="10" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_rtl_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_rtl_37.svg
new file mode 100644
index 0000000..5d40257
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_rtl_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="37" viewBox="0 0 16 37" fill="#0abdc6">
+  <circle cx="8" cy="19" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_ttb_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ttb_19.svg
new file mode 100644
index 0000000..2adf57f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ttb_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="8" viewBox="0 0 19 8" fill="#0abdc6">
+  <circle cx="10" cy="4" r="2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_arrow_ttb_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ttb_37.svg
new file mode 100644
index 0000000..eb02c4a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_arrow_ttb_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="16" viewBox="0 0 37 16" fill="#0abdc6">
+  <circle cx="19" cy="8" r="4"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_bfb.png b/themes/materia-cyberpunk-neon/unity/launcher_bfb.png
new file mode 100644
index 0000000..9ffc9ec
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_bfb.png
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_back_150.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_back_150.svg
new file mode 100644
index 0000000..1d22116
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_back_150.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_back_54.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_back_54.svg
new file mode 100644
index 0000000..da3e720
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_back_54.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_edge_150.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_edge_150.svg
new file mode 100644
index 0000000..1d22116
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_edge_150.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_edge_54.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_edge_54.svg
new file mode 100644
index 0000000..da3e720
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_edge_54.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_glow_200.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_glow_200.svg
new file mode 100644
index 0000000..2a94c40
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_glow_200.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_glow_62.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_glow_62.svg
new file mode 100644
index 0000000..9dc92a6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_glow_62.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_selected_back_150.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_selected_back_150.svg
new file mode 100644
index 0000000..45f5d9a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_selected_back_150.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
+  <rect x="1" y="1" width="148" height="148" rx="8" fill="#cfcfcf"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_selected_back_54.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_selected_back_54.svg
new file mode 100644
index 0000000..4bba64b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_selected_back_54.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54">
+  <rect x="1" y="1" width="52" height="52" rx="4" fill="#cfcfcf"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_shadow_200.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_shadow_200.svg
new file mode 100644
index 0000000..2a94c40
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_shadow_200.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_shadow_62.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_shadow_62.svg
new file mode 100644
index 0000000..9dc92a6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_shadow_62.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_shine_150.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_shine_150.svg
new file mode 100644
index 0000000..1d22116
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_shine_150.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_icon_shine_54.svg b/themes/materia-cyberpunk-neon/unity/launcher_icon_shine_54.svg
new file mode 100644
index 0000000..da3e720
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_icon_shine_54.svg
@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54">
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_btt_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_btt_19.svg
new file mode 100644
index 0000000..add4d59
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_btt_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="7" viewBox="0 0 19 7" fill="#0abdc6">
+  <circle cx="9.5" cy="3.5" r="1.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_btt_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_btt_37.svg
new file mode 100644
index 0000000..607d1e8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_btt_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="15" viewBox="0 0 37 15" fill="#0abdc6">
+  <circle cx="18.5" cy="7.5" r="3.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_ltr_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_ltr_19.svg
new file mode 100644
index 0000000..d8dcd3d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_ltr_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="7" height="19" viewBox="0 0 7 19" fill="#0abdc6">
+  <circle cx="3.5" cy="9.5" r="1.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_ltr_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_ltr_37.svg
new file mode 100644
index 0000000..7f4aaf4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_ltr_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="37" viewBox="0 0 15 37" fill="#0abdc6">
+  <circle cx="7.5" cy="18.5" r="3.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_rtl_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_rtl_19.svg
new file mode 100644
index 0000000..d8dcd3d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_rtl_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="7" height="19" viewBox="0 0 7 19" fill="#0abdc6">
+  <circle cx="3.5" cy="9.5" r="1.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_rtl_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_rtl_37.svg
new file mode 100644
index 0000000..7f4aaf4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_rtl_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="15" height="37" viewBox="0 0 15 37" fill="#0abdc6">
+  <circle cx="7.5" cy="18.5" r="3.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_ttb_19.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_ttb_19.svg
new file mode 100644
index 0000000..add4d59
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_ttb_19.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="19" height="7" viewBox="0 0 19 7" fill="#0abdc6">
+  <circle cx="9.5" cy="3.5" r="1.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/launcher_pip_ttb_37.svg b/themes/materia-cyberpunk-neon/unity/launcher_pip_ttb_37.svg
new file mode 100644
index 0000000..607d1e8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/launcher_pip_ttb_37.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="37" height="15" viewBox="0 0 37 15" fill="#0abdc6">
+  <circle cx="18.5" cy="7.5" r="3.5"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize.svg b/themes/materia-cyberpunk-neon/unity/maximize.svg
new file mode 100644
index 0000000..773ab6e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_dash.svg b/themes/materia-cyberpunk-neon/unity/maximize_dash.svg
new file mode 100644
index 0000000..fba9720
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_dash.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_dash_disabled.svg b/themes/materia-cyberpunk-neon/unity/maximize_dash_disabled.svg
new file mode 100644
index 0000000..3a319e8
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_dash_disabled.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".3"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_dash_prelight.svg b/themes/materia-cyberpunk-neon/unity/maximize_dash_prelight.svg
new file mode 100644
index 0000000..41d5639
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_dash_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_dash_pressed.svg b/themes/materia-cyberpunk-neon/unity/maximize_dash_pressed.svg
new file mode 100644
index 0000000..41da83f
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_dash_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_focused_normal.svg b/themes/materia-cyberpunk-neon/unity/maximize_focused_normal.svg
new file mode 100644
index 0000000..773ab6e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_focused_normal.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_focused_prelight.svg b/themes/materia-cyberpunk-neon/unity/maximize_focused_prelight.svg
new file mode 100644
index 0000000..8be6af7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_focused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_focused_pressed.svg b/themes/materia-cyberpunk-neon/unity/maximize_focused_pressed.svg
new file mode 100644
index 0000000..dbdafee
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_focused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_unfocused.svg b/themes/materia-cyberpunk-neon/unity/maximize_unfocused.svg
new file mode 100644
index 0000000..ccf1547
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_unfocused.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_unfocused_prelight.svg b/themes/materia-cyberpunk-neon/unity/maximize_unfocused_prelight.svg
new file mode 100644
index 0000000..9cb32c2
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_unfocused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/maximize_unfocused_pressed.svg b/themes/materia-cyberpunk-neon/unity/maximize_unfocused_pressed.svg
new file mode 100644
index 0000000..9641261
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/maximize_unfocused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize.svg b/themes/materia-cyberpunk-neon/unity/minimize.svg
new file mode 100644
index 0000000..82e6c05
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_dash.svg b/themes/materia-cyberpunk-neon/unity/minimize_dash.svg
new file mode 100644
index 0000000..f65b305
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_dash.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_dash_disabled.svg b/themes/materia-cyberpunk-neon/unity/minimize_dash_disabled.svg
new file mode 100644
index 0000000..2335e53
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_dash_disabled.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".3"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_dash_prelight.svg b/themes/materia-cyberpunk-neon/unity/minimize_dash_prelight.svg
new file mode 100644
index 0000000..860511c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_dash_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_dash_pressed.svg b/themes/materia-cyberpunk-neon/unity/minimize_dash_pressed.svg
new file mode 100644
index 0000000..d5dc82a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_dash_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m8 14h8v2h-8z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_focused_normal.svg b/themes/materia-cyberpunk-neon/unity/minimize_focused_normal.svg
new file mode 100644
index 0000000..82e6c05
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_focused_normal.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_focused_prelight.svg b/themes/materia-cyberpunk-neon/unity/minimize_focused_prelight.svg
new file mode 100644
index 0000000..0d069c1
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_focused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_focused_pressed.svg b/themes/materia-cyberpunk-neon/unity/minimize_focused_pressed.svg
new file mode 100644
index 0000000..d281941
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_focused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m8 14h8v2h-8z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_unfocused.svg b/themes/materia-cyberpunk-neon/unity/minimize_unfocused.svg
new file mode 100644
index 0000000..4d71bc7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_unfocused.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_unfocused_prelight.svg b/themes/materia-cyberpunk-neon/unity/minimize_unfocused_prelight.svg
new file mode 100644
index 0000000..d920faf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_unfocused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/minimize_unfocused_pressed.svg b/themes/materia-cyberpunk-neon/unity/minimize_unfocused_pressed.svg
new file mode 100644
index 0000000..60fa0fc
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/minimize_unfocused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m8 14h8v2h-8z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/progress_bar_fill.svg b/themes/materia-cyberpunk-neon/unity/progress_bar_fill.svg
new file mode 100644
index 0000000..ac47004
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/progress_bar_fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="42" height="4" viewBox="0 0 42 4">
+  <rect width="42" height="4" fill="#1967d2"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/progress_bar_trough.svg b/themes/materia-cyberpunk-neon/unity/progress_bar_trough.svg
new file mode 100644
index 0000000..6ee42e3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/progress_bar_trough.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54">
+  <defs>
+    <filter id="a" color-interpolation-filters="sRGB" x="-.5" y="-.5" width="2" height="2">
+      <!-- <feDropShadow dx="0" dy="1" stdDeviation="1.5" flood-color="#000000" flood-opacity=".12"/> -->
+      <!-- <feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity=".24"/> -->
+
+      <feFlood flood-color="#000000" flood-opacity=".12" result="flood"/>
+      <feComposite operator="in" in="flood" in2="SourceGraphic" result="composite1"/>
+      <feGaussianBlur stdDeviation="1.5" in="composite1" result="blur"/>
+      <feOffset dx="0" dy="1" result="offset"/>
+      <feComposite in="SourceGraphic" in2="offset" result="fbSourceGraphic"/>
+
+      <feFlood flood-color="#000000" flood-opacity=".24" result="flood"/>
+      <feComposite operator="in" in="flood" in2="fbSourceGraphic" result="composite1"/>
+      <feGaussianBlur stdDeviation="1" in="composite1" result="blur"/>
+      <feOffset dx="0" dy="1" result="offset"/>
+      <feComposite in="fbSourceGraphic" in2="offset" result="composite2"/>
+    </filter>
+  </defs>
+  <rect x="4" y="23" width="46" height="8" rx="2" ry="2" fill="#0abdc6" filter="url(#a)"/>
+  <rect x="6" y="25" width="42" height="4" fill="#000000" fill-opacity=".08"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused.svg b/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused.svg
new file mode 100644
index 0000000..84386db
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused_prelight.svg b/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused_prelight.svg
new file mode 100644
index 0000000..90a8d16
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused_pressed.svg b/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused_pressed.svg
new file mode 100644
index 0000000..e3e0ae5
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/sheet_style_close_focused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <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" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize.svg b/themes/materia-cyberpunk-neon/unity/unmaximize.svg
new file mode 100644
index 0000000..df0fcdd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_dash.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_dash.svg
new file mode 100644
index 0000000..0bf8388
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_dash.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_dash_disabled.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_dash_disabled.svg
new file mode 100644
index 0000000..d768b34
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_dash_disabled.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".3"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_dash_prelight.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_dash_prelight.svg
new file mode 100644
index 0000000..886c394
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_dash_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_dash_pressed.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_dash_pressed.svg
new file mode 100644
index 0000000..fe2e557
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_dash_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".7"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_focused_normal.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_focused_normal.svg
new file mode 100644
index 0000000..df0fcdd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_focused_normal.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_focused_prelight.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_focused_prelight.svg
new file mode 100644
index 0000000..cebec56
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_focused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_focused_pressed.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_focused_pressed.svg
new file mode 100644
index 0000000..6aac791
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_focused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".6"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused.svg
new file mode 100644
index 0000000..daf85cb
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused.svg
@@ -0,0 +1,5 @@
+<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="10" opacity="0"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused_prelight.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused_prelight.svg
new file mode 100644
index 0000000..7d63eb6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused_prelight.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused_pressed.svg b/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused_pressed.svg
new file mode 100644
index 0000000..87cb726
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/unity/unmaximize_unfocused_pressed.svg
@@ -0,0 +1,5 @@
+<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="10" opacity=".08"/>
+  <circle cx="12" cy="12" r="10" opacity=".12"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" opacity=".38"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/bottom-active.svg b/themes/materia-cyberpunk-neon/xfwm4/bottom-active.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/bottom-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/bottom-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/bottom-inactive.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/bottom-inactive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/bottom-left-active.svg b/themes/materia-cyberpunk-neon/xfwm4/bottom-left-active.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/bottom-left-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/bottom-left-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/bottom-left-inactive.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/bottom-left-inactive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/bottom-right-active.svg b/themes/materia-cyberpunk-neon/xfwm4/bottom-right-active.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/bottom-right-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/bottom-right-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/bottom-right-inactive.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/bottom-right-inactive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/close-active.svg b/themes/materia-cyberpunk-neon/xfwm4/close-active.svg
new file mode 100644
index 0000000..ede400a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/close-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/close-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/close-inactive.svg
new file mode 100644
index 0000000..01842e3
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/close-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/close-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/close-prelight.svg
new file mode 100644
index 0000000..e4a021a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/close-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/close-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/close-pressed.svg
new file mode 100644
index 0000000..4a45089
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/close-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="M21 12.41L19.59 11 16 14.59 12.41 11 11 12.41 14.59 16 11 19.59 12.41 21 16 17.41 19.59 21 21 19.59 17.41 16z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/hide-active.svg b/themes/materia-cyberpunk-neon/xfwm4/hide-active.svg
new file mode 100644
index 0000000..49157a9
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/hide-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/hide-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/hide-inactive.svg
new file mode 100644
index 0000000..15d8889
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/hide-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/hide-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/hide-prelight.svg
new file mode 100644
index 0000000..eb17a63
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/hide-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/hide-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/hide-pressed.svg
new file mode 100644
index 0000000..739c06a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/hide-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m12 18h8v2h-8z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/left-active.svg b/themes/materia-cyberpunk-neon/xfwm4/left-active.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/left-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/left-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/left-inactive.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/left-inactive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-active.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-active.svg
new file mode 100644
index 0000000..9f52fbf
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-inactive.svg
new file mode 100644
index 0000000..0a7b137
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-prelight.svg
new file mode 100644
index 0000000..eaafebd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-pressed.svg
new file mode 100644
index 0000000..7945bb4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-active.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-active.svg
new file mode 100644
index 0000000..68390b4
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-inactive.svg
new file mode 100644
index 0000000..5f3546a
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-prelight.svg
new file mode 100644
index 0000000..489e071
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-pressed.svg
new file mode 100644
index 0000000..73af183
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/maximize-toggled-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/menu-active.svg b/themes/materia-cyberpunk-neon/xfwm4/menu-active.svg
new file mode 100644
index 0000000..585a9bc
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/menu-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/menu-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/menu-inactive.svg
new file mode 100644
index 0000000..b0da5b7
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/menu-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/menu-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/menu-prelight.svg
new file mode 100644
index 0000000..ebdfbfe
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/menu-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/menu-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/menu-pressed.svg
new file mode 100644
index 0000000..57791ff
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/menu-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <circle cx="16" cy="16" r="2" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/right-active.svg b/themes/materia-cyberpunk-neon/xfwm4/right-active.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/right-active.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/right-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/right-inactive.svg
new file mode 100644
index 0000000..22de92e
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/right-inactive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="2" viewBox="0 0 2 2">
+  <rect width="2" height="2" fill="#091833"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-active.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-active.svg
new file mode 100644
index 0000000..933fd57
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-inactive.svg
new file mode 100644
index 0000000..ef13ccd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-prelight.svg
new file mode 100644
index 0000000..7e73723
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-pressed.svg
new file mode 100644
index 0000000..b9988fe
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-active.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-active.svg
new file mode 100644
index 0000000..a11c253
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-inactive.svg
new file mode 100644
index 0000000..8041762
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-prelight.svg
new file mode 100644
index 0000000..ddadf91
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-pressed.svg
new file mode 100644
index 0000000..73d0b30
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/shade-toggled-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-active.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-active.svg
new file mode 100644
index 0000000..586f73b
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-inactive.svg
new file mode 100644
index 0000000..0d20f7c
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-prelight.svg
new file mode 100644
index 0000000..e031580
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-pressed.svg
new file mode 100644
index 0000000..b0da121
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-active.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-active.svg
new file mode 100644
index 0000000..675d354
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-active.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-inactive.svg
new file mode 100644
index 0000000..21ae4fd
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-inactive.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z" opacity=".38"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-prelight.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-prelight.svg
new file mode 100644
index 0000000..4a4210d
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-prelight.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-pressed.svg b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-pressed.svg
new file mode 100644
index 0000000..aabb8f6
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/stick-toggled-pressed.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#091833"/>
+  <rect width="32" height="1" fill="#0abdc6" fill-opacity=".05"/>
+  <g fill="#0abdc6">
+    <circle cx="16" cy="16" r="12" opacity=".08"/>
+    <circle cx="16" cy="16" r="12" opacity=".12"/>
+    <path d="m16 10a6 6 0 0 0 -6 6 6 6 0 0 0 6 6 6 6 0 0 0 6 -6 6 6 0 0 0 -6 -6zm0 2a4 4 0 0 1 4 4 4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4zm0 2a2 2 0 0 0 -2 2 2 2 0 0 0 2 2 2 2 0 0 0 2 -2 2 2 0 0 0 -2 -2z" opacity=".6"/>
+  </g>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/themerc b/themes/materia-cyberpunk-neon/xfwm4/themerc
new file mode 100644
index 0000000..b0bd8ce
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/themerc
@@ -0,0 +1,23 @@
+# Default values can be found here:
+# https://git.xfce.org/xfce/xfwm4/tree/defaults/defaults
+# or
+# /usr/share/xfwm4/defaults
+
+active_text_color=#ea00d9
+active_text_shadow_color=#ea00d9
+inactive_text_color=#07909c
+inactive_text_shadow_color=#07909c
+title_shadow_active=false
+title_shadow_inactive=false
+full_width_title=true
+title_vertical_offset_active=0
+title_vertical_offset_inactive=0
+button_offset=0
+button_spacing=0
+shadow_delta_height=2
+shadow_delta_width=0
+shadow_delta_x=0
+shadow_delta_y=-10
+shadow_opacity=50
+show_app_icon=false
+show_popup_shadow=true
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-1-active.svg b/themes/materia-cyberpunk-neon/xfwm4/title-1-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-1-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-1-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/title-1-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-1-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-2-active.svg b/themes/materia-cyberpunk-neon/xfwm4/title-2-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-2-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-2-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/title-2-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-2-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-3-active.svg b/themes/materia-cyberpunk-neon/xfwm4/title-3-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-3-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-3-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/title-3-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-3-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-4-active.svg b/themes/materia-cyberpunk-neon/xfwm4/title-4-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-4-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-4-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/title-4-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-4-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-5-active.svg b/themes/materia-cyberpunk-neon/xfwm4/title-5-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-5-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/title-5-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/title-5-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/title-5-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/top-left-active.svg b/themes/materia-cyberpunk-neon/xfwm4/top-left-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/top-left-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/top-left-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/top-left-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/top-left-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/top-right-active.svg b/themes/materia-cyberpunk-neon/xfwm4/top-right-active.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/top-right-active.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>
diff --git a/themes/materia-cyberpunk-neon/xfwm4/top-right-inactive.svg b/themes/materia-cyberpunk-neon/xfwm4/top-right-inactive.svg
new file mode 100644
index 0000000..ad02a37
--- /dev/null
+++ b/themes/materia-cyberpunk-neon/xfwm4/top-right-inactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="32" viewBox="0 0 2 32">
+  <rect width="2" height="32" fill="#091833"/>
+  <rect width="2" height="1" fill="#0abdc6" fill-opacity=".05"/>
+</svg>