initial commit

676 files changed, 27252 insertions, 0 deletions

diff --git a/dotfiles/.themes/oomox-materia-dark/COPYING b/dotfiles/.themes/oomox-materia-dark/COPYING
new file mode 100644
index 0000000..d159169
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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/dotfiles/.themes/oomox-materia-dark/chrome/chrome-scrollbar.crx b/dotfiles/.themes/oomox-materia-dark/chrome/chrome-scrollbar.crx
new file mode 100644
index 0000000..e9be4cb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/chrome/chrome-scrollbar.crx
diff --git a/dotfiles/.themes/oomox-materia-dark/chrome/chrome-theme.crx b/dotfiles/.themes/oomox-materia-dark/chrome/chrome-theme.crx
new file mode 100644
index 0000000..e417ef4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/chrome/chrome-theme.crx
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace-active.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace-active.svg
new file mode 100644
index 0000000..873d12f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace-active.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="add-workspace-active.svg">
+  <defs
+     id="defs4">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4154"
+       x="-0.13200003"
+       width="1.2640001"
+       y="-0.020842104"
+       height="1.0416842">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.6500004"
+         id="feGaussianBlur4156" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-19.280981"
+     inkscape:cy="24.179781"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694-5"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.9;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#212121;fill-opacity:0.43999999;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#filter4154)"
+       d="m 7.2000008,858.36215 27.9999992,0 0,190.00005 -27.9999992,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-186.00005 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect4694"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#009688;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#eceff1;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace-hover.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace-hover.svg
new file mode 100644
index 0000000..03d20ba
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace-hover.svg
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="add-workspace-hover.svg">
+  <defs
+     id="defs4">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4154"
+       x="-0.13200003"
+       width="1.2640001"
+       y="-0.020842104"
+       height="1.0416842">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.6500004"
+         id="feGaussianBlur4156" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-37.155981"
+     inkscape:cy="103.67978"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1280"
+     inkscape:window-height="734"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694-5"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.9;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#212121;fill-opacity:0.43999999;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate;filter:url(#filter4154)"
+       d="m 7.2000008,858.36215 27.9999992,0 0,190.00005 -27.9999992,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-186.00005 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect4694"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace.svg
new file mode 100644
index 0000000..2039811
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/add-workspace.svg
@@ -0,0 +1,133 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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="35"
+   height="200"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92+devel (unknown)"
+   sodipodi:docname="add-workspace.svg">
+  <defs
+     id="defs4">
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter4146"
+       x="-0.088000021"
+       width="1.176"
+       y="-0.013894736"
+       height="1.0277895">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="1.1000002"
+         id="feGaussianBlur4148" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="8"
+     inkscape:cx="-35.718481"
+     inkscape:cy="103.92978"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1029"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="1"
+     showguides="false"
+     inkscape:guide-bbox="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-paths="true"
+     inkscape:snap-bbox-edge-midpoints="true"
+     inkscape:bbox-nodes="true"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3040"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+    <sodipodi:guide
+       orientation="0,1"
+       position="20,100"
+       id="guide3893"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       orientation="1,0"
+       position="18,190"
+       id="guide3895"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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 />
+        <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
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-852.36218)">
+    <path
+       id="rect4694-5"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.9;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#212121;fill-opacity:0.34;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter4146);color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7.2000004,858.16209 27.9999996,0 0,190.00011 -27.9999996,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-186.00011 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <path
+       id="rect4694"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 7,857.36218 28,0 0,190.00002 -28,0 c -1.108,0 -2,-0.892 -2,-2 L 5,859.36218 c 0,-1.108 0.892,-2 2,-2 z"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sccssss" />
+    <g
+       transform="translate(0,-0.9999969)"
+       id="g3917-7"
+       style="fill:#eceff1;fill-opacity:1;opacity:0.5;stroke:none;stroke-opacity:1" />
+    <path
+       id="rect4804"
+       transform="translate(0,852.36218)"
+       style="color:#212121;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.87;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#212121;solid-opacity:1;fill:#263238;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 18,94 c -0.554,0 -1,0.446 -1,1 l 0,4 -4,0 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 4,0 0,4 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 l 0,-4 4,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 l -4,0 0,-4 c 0,-0.554 -0.446,-1 -1,-1 z m 8,6 a 8,8 0 0 1 -8,8 8,8 0 0 1 -8,-8 8,8 0 0 1 8,-8 8,8 0 0 1 8,8 z" />
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/calendar-arrow-left.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..74886ce
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M10 3v10L5 8z" fill="#212121" opacity="0.54"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/calendar-arrow-right.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..7fcff13
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M6 3v10l5-5z" fill="#212121" opacity="0.54"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/checkbox-off.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/checkbox-off.svg
new file mode 100644
index 0000000..e020c04
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#212121" opacity="0.54"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/checkbox.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/checkbox.svg
new file mode 100644
index 0000000..198939b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#009688"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/close-window.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/close-window.svg
new file mode 100644
index 0000000..140a14d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/close-window.svg
@@ -0,0 +1,5 @@
+<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="#EA4335"/>
+  <circle cx="18" cy="18" r="18" fill="#eeeeee" 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="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/corner-ripple.png b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/corner-ripple.png
new file mode 100644
index 0000000..35d95ff
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/corner-ripple.png
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/radiobutton-off.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/radiobutton-off.svg
new file mode 100644
index 0000000..73c0256
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#212121" opacity="0.54"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/radiobutton.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/radiobutton.svg
new file mode 100644
index 0000000..303d63a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#009688"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/toggle-off.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/toggle-off.svg
new file mode 100644
index 0000000..02c7505
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#212121" opacity="0.26"/>
+  <circle cx="10" cy="10" r="6" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/toggle-on.svg b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/toggle-on.svg
new file mode 100644
index 0000000..8ca9959
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#009688"/>
+  <circle cx="30" cy="10" r="6" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/trash-icon.png b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/trash-icon.png
new file mode 100644
index 0000000..270fe2e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/assets/trash-icon.png
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/cinnamon.css b/dotfiles/.themes/oomox-materia-dark/cinnamon/cinnamon.css
new file mode 100644
index 0000000..6e1b378
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/cinnamon.css
@@ -0,0 +1,1713 @@
+.notification-button, .modal-dialog-button {
+  color: #fafafa;
+  background-color: #424242;
+  border-color: transparent;
+  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12);
+  text-shadow: none;
+  icon-shadow: none;
+  font-size: 10.5pt;
+  font-weight: 500;
+  min-height: 32px;
+  padding: 0 16px;
+  border-radius: 2px;
+}
+
+.notification-button:focus, .modal-dialog-button:focus {
+  color: #eeeeee;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+
+.notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked {
+  color: #eeeeee;
+  background-color: #424242;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.notification-button:active, .modal-dialog-button:active {
+  color: #eeeeee;
+  background-color: #6b6b6b;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.notification-button:insensitive, .modal-dialog-button:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+  background-color: rgba(238, 238, 238, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.notification-icon-button, .keyboard-key, .sound-player StButton {
+  color: #fafafa;
+  background-color: #424242;
+  border-color: transparent;
+  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12);
+  text-shadow: none;
+  icon-shadow: none;
+  min-height: 32px;
+  min-width: 32px;
+  padding: 6px;
+  border-radius: 2px;
+}
+
+.notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus {
+  color: #eeeeee;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+
+.notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked {
+  color: #eeeeee;
+  background-color: #424242;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active {
+  color: #eeeeee;
+  background-color: #6b6b6b;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+  background-color: rgba(238, 238, 238, 0.12);
+  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: #009688;
+  -slider-height: 2px;
+  -slider-background-color: rgba(238, 238, 238, 0.3);
+  -slider-border-color: transparent;
+  -slider-active-background-color: #009688;
+  -slider-active-border-color: transparent;
+  -slider-border-width: 0;
+  -slider-handle-radius: 6px;
+}
+
+.separator, .popup-separator-menu-item {
+  -gradient-height: 1px;
+  -gradient-start: rgba(0, 0, 0, 0.26);
+  -gradient-end: rgba(0, 0, 0, 0.26);
+  -margin-horizontal: 4px;
+  height: 1.5em;
+}
+
+#notification StEntry, .run-dialog-entry, #menu-search-entry {
+  background-color: rgba(0, 0, 0, 0.01);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+  width: 320px;
+  padding: 4px 8px;
+  border-radius: 0;
+  color: rgba(238, 238, 238, 0.5);
+  caret-color: rgba(238, 238, 238, 0.5);
+  selection-background-color: rgba(238, 238, 238, 0.3);
+  selected-color: #eeeeee;
+}
+
+#notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #eeeeee;
+  padding: 4px 8px;
+  border-width: 0;
+  color: #eeeeee;
+}
+
+.desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box {
+  color: #eeeeee;
+  border: none;
+  padding: 12px;
+  box-shadow: 0 14px 14px 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(238, 238, 238, 0.3);
+}
+
+.menu, .popup-combo-menu {
+  background-color: #212121;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 2px;
+  color: #eeeeee;
+  box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5);
+}
+
+.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: #eeeeee;
+  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: #eeeeee;
+  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(0, 0, 0, 0.26);
+}
+
+.tile-preview.snap, .tile-hud.snap {
+  background-color: rgba(0, 0, 0, 0.3);
+  border: 2px solid #009688;
+}
+
+.info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window {
+  color: #eeeeee;
+  background-color: #212121;
+  border: none;
+  border-radius: 2px;
+  padding: 12px;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
+}
+
+.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: #eeeeee;
+}
+
+.cinnamon-link {
+  color: #3d82ff;
+  font-style: italic;
+}
+
+.cinnamon-link:hover {
+  color: #eeeeee;
+}
+
+.label-shadow {
+  color: transparent;
+}
+
+StScrollBar {
+  padding: 0px;
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  background-color: rgba(238, 238, 238, 0.5);
+  border-radius: 100px;
+  margin: 4px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 238, 238, 0.7);
+}
+
+StScrollBar StBin#trough {
+  margin: 4px;
+  border-radius: 100px;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+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: #e0e0e0;
+  text-align: center;
+  border-radius: 2px;
+  background-color: rgba(33, 33, 33, 0.9);
+}
+
+.menu {
+  min-width: 100px;
+  margin: 4px;
+}
+
+.popup-sub-menu {
+  background-color: #212121;
+}
+
+.popup-menu-arrow {
+  icon-size: 1.14em;
+}
+
+.popup-combo-menu {
+  padding: 8px;
+}
+
+.popup-menu-content {
+  padding: 8px;
+}
+
+.popup-menu-item {
+  padding: 0.4em 4px;
+  transition-duration: 100ms;
+}
+
+.popup-menu-item:active {
+  background-color: rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+  transition-duration: 150ms;
+}
+
+.popup-menu-item:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.popup-image-menu-item {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.popup-combobox-item {
+  padding: 0.4em 4px;
+}
+
+.popup-device-menu-item {
+  spacing: .5em;
+}
+
+.popup-inactive-menu-item {
+  color: #eeeeee;
+}
+
+.popup-inactive-menu-item:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.popup-subtitle-menu-item {
+  font-size: 10.5pt;
+  font-weight: 500;
+}
+
+.popup-menu-icon {
+  icon-size: 1.14em;
+  padding: 0px 4px;
+}
+
+.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: .5em;
+  icon-size: 1.14em;
+}
+
+#panel {
+  color: rgba(224, 224, 224, 0.7);
+  background-color: rgba(0, 0, 0, 0.6);
+  height: 2.5em;
+  width: 3.2em;
+}
+
+#panel:highlight {
+  background-color: rgba(224, 224, 224, 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 #009688 inset;
+}
+
+.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus {
+  background-color: rgba(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.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 #009688 inset;
+}
+
+.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 #009688 inset;
+}
+
+.panel-top .applet-box {
+  padding: 1px 4px;
+  margin: 1px 0;
+}
+
+.panel-top .applet-box:hover {
+  box-shadow: 0 3px 0 0 #009688 inset;
+}
+
+.panel-top .panel-launchers .launcher:hover {
+  box-shadow: 0 3px 0 0 #009688 inset;
+}
+
+.panel-top .applet-separator {
+  padding: 3px 4px;
+}
+
+.panel-top .systray:hover {
+  box-shadow: 0 4px 0 0 #009688 inset;
+}
+
+.panel-bottom .window-list-item-box:hover {
+  box-shadow: 0 -3px 0 0 #009688 inset;
+}
+
+.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus {
+  background-color: rgba(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.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 #009688 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 #009688 inset;
+}
+
+.panel-bottom .applet-box {
+  padding: 1px 4px;
+  margin: 1px 0;
+}
+
+.panel-bottom .applet-box:hover {
+  box-shadow: 0 -3px 0 0 #009688 inset;
+}
+
+.panel-bottom .panel-launchers .launcher:hover {
+  box-shadow: 0 -3px 0 0 #009688 inset;
+}
+
+.panel-bottom .applet-separator {
+  padding: 3px 4px;
+}
+
+.panel-bottom .systray:hover {
+  box-shadow: 0 4px 0 0 #009688 inset;
+}
+
+.panel-left .window-list-item-box:hover {
+  box-shadow: 3px 0 0 0 #009688 inset;
+}
+
+.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
+  background-color: rgba(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.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 #009688 inset;
+}
+
+.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
+  padding: 1px 4px;
+}
+
+.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
+  box-shadow: 3px 0 0 0 #009688 inset;
+}
+
+.panel-left .applet-box {
+  padding: 4px 1px;
+  margin: 0 1px;
+}
+
+.panel-left .applet-box:hover {
+  box-shadow: 3px 0 0 0 #009688 inset;
+}
+
+.panel-left .panel-launchers .launcher:hover {
+  box-shadow: 3px 0 0 0 #009688 inset;
+}
+
+.panel-left .applet-separator {
+  padding: 4px 3px;
+}
+
+.panel-left .systray:hover {
+  box-shadow: 4px 0 0 0 #009688 inset;
+}
+
+.panel-right .window-list-item-box:hover {
+  box-shadow: -3px 0 0 0 #009688 inset;
+}
+
+.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
+  background-color: rgba(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.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 #009688 inset;
+}
+
+.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
+  padding: 1px 4px;
+}
+
+.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
+  box-shadow: -3px 0 0 0 #009688 inset;
+}
+
+.panel-right .applet-box {
+  padding: 4px 1px;
+  margin: 0 1px;
+}
+
+.panel-right .applet-box:hover {
+  box-shadow: -3px 0 0 0 #009688 inset;
+}
+
+.panel-right .panel-launchers .launcher:hover {
+  box-shadow: -3px 0 0 0 #009688 inset;
+}
+
+.panel-right .applet-separator {
+  padding: 4px 3px;
+}
+
+.panel-right .systray:hover {
+  box-shadow: -4px 0 0 0 #009688 inset;
+}
+
+.panel-status-button {
+  font-size: 10.5pt;
+  font-weight: 500;
+  -natural-hpadding: 4px;
+  -minimum-hpadding: 4px;
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.panel-status-button:hover {
+  color: #e0e0e0;
+}
+
+.system-status-icon {
+  icon-size: 1.14em;
+  padding: 0;
+  spacing: 0;
+}
+
+.system-status-icon.warning {
+  color: #bc742d;
+}
+
+.system-status-icon.error {
+  color: #d8645a;
+}
+
+#overview {
+  spacing: 12px;
+}
+
+.window-caption {
+  font-size: 9pt;
+  font-weight: 400;
+  background-color: rgba(0, 0, 0, 0.01);
+  color: rgba(224, 224, 224, 0.7);
+  padding: 4px 6px;
+  text-align: center;
+  height: 1.5em;
+  -cinnamon-caption-spacing: 12px;
+}
+
+.window-caption#selected {
+  color: #e0e0e0;
+  box-shadow: 0 -3px 0 0 #009688 inset;
+}
+
+.workspace-controls {
+  visible-height: 32px;
+}
+
+.workspace-thumbnails-background {
+  color: rgba(224, 224, 224, 0.7);
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+  padding: 8px;
+  border-radius: 2px 0 0 2px;
+}
+
+.workspace-thumbnails-background:rtl {
+  border-radius: 0 2px 2px 0;
+}
+
+.workspace-thumbnails {
+  spacing: 32px;
+}
+
+.workspace-add-button {
+  background-image: url(assets/add-workspace.svg);
+  height: 200px;
+  width: 35px;
+  transition-duration: shorter_duration;
+}
+
+.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/close-window.svg);
+  height: 32px;
+  width: 32px;
+  -cinnamon-close-overlap: 20px;
+}
+
+.workspace-close-button:rtl, .window-close:rtl {
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
+}
+
+.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(0, 0, 0, 0.26);
+  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(0, 0, 0, 0.26);
+}
+
+.expo-workspace-thumbnail-frame#active {
+  border: 1px solid #009688;
+}
+
+#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: 2px;
+  color: #eeeeee;
+  text-align: center;
+}
+
+.datemenu-date-label:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.calendar-month-label {
+  font-size: 10.5pt;
+  font-weight: 500;
+  height: 16px;
+  margin: 2px;
+  padding: 6px 16px;
+  border-radius: 2px;
+  color: #eeeeee;
+  text-align: center;
+}
+
+.calendar-month-label:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.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(238, 238, 238, 0.3);
+}
+
+.calendar-day-base:active {
+  color: #fefefe;
+  background-color: #009688;
+  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(238, 238, 238, 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(238, 238, 238, 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: #eeeeee;
+}
+
+.calendar-today {
+  font-weight: bold;
+  border: none;
+}
+
+.calendar-day-with-events {
+  color: #3d82ff;
+  font-weight: normal;
+  text-decoration: underline;
+  background-image: none;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 238, 238, 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(238, 238, 238, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+#notification {
+  background-color: #212121;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  padding: 8px;
+  spacing-rows: 4px;
+  spacing-columns: 8px;
+  margin-from-right-edge-of-screen: 20px;
+  width: 34em;
+  color: #eeeeee;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
+}
+
+#notification.multi-line-notification {
+  padding-bottom: 8px;
+}
+
+#notification .url-highlighter {
+  link-color: #3d82ff;
+}
+
+.notification-with-image {
+  min-height: 159px;
+  color: #eeeeee;
+}
+
+#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: 2px;
+}
+
+.switcher-list .item-box:selected {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(0, 0, 0, 0.26);
+}
+
+.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: 2px;
+  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: 2px;
+  border-radius-topleft: 0;
+  border-radius-bottomleft: 0;
+  width: 60px;
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.switcher-arrow:highlighted {
+  color: #eeeeee;
+}
+
+.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: #009688;
+  border-radius: 52px;
+}
+
+.modal-dialog {
+  padding: 16px 20px;
+}
+
+.modal-dialog-button-box {
+  spacing: 16px;
+}
+
+.run-dialog-label {
+  color: rgba(238, 238, 238, 0.5);
+  padding-bottom: .4em;
+}
+
+.run-dialog-error-label {
+  color: #d8645a;
+}
+
+.run-dialog-error-box {
+  padding-top: 16px;
+  spacing: 6px;
+}
+
+.run-dialog-completion-box {
+  padding-left: 15px;
+}
+
+.run-dialog {
+  border-radius: 2px;
+  padding: 16px 20px;
+}
+
+.lightbox {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.cinnamon-mount-operation-icon {
+  icon-size: 4.8em;
+}
+
+.mount-password-reask {
+  color: #bc742d;
+}
+
+.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: #eeeeee;
+}
+
+.show-processes-dialog-app-list-item:hover {
+  color: #eeeeee;
+}
+
+.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(0, 0, 0, 0.26);
+}
+
+.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: #212121;
+  border-radius: 2px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
+}
+
+.menu-favorites-box {
+  padding: 8px;
+}
+
+.menu-favorites-button {
+  padding: 0.4em 4px;
+}
+
+.menu-favorites-button:hover {
+  background-color: rgba(238, 238, 238, 0.12);
+  border-radius: 2px;
+  color: #eeeeee;
+}
+
+.menu-categories-box {
+  padding: 8px;
+}
+
+.menu-applications-inner-box {
+  padding: 8px;
+}
+
+.menu-applications-outer-box {
+  padding: 8px;
+  border-radius: 2px;
+}
+
+.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(238, 238, 238, 0.12);
+  border-radius: 2px;
+  color: #eeeeee;
+}
+
+.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(238, 238, 238, 0.7);
+  font-style: italic;
+}
+
+.menu-category-button-selected {
+  padding: 0.4em 4px;
+  background-color: rgba(238, 238, 238, 0.12);
+  border-radius: 2px;
+  color: #eeeeee;
+}
+
+.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(238, 238, 238, 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(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.window-list-item-box {
+  background-color: rgba(0, 0, 0, 0.01);
+  transition-duration: 100ms;
+}
+
+.window-list-item-box:hover {
+  color: #e0e0e0;
+}
+
+.window-list-item-box .progress {
+  background-color: #0095a2;
+}
+
+.window-list-item-demands-attention {
+  background-color: #8b71ff;
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.window-list-preview {
+  background-color: #212121;
+  border-radius: 2px;
+  padding: 10px 15px;
+  spacing: 1em;
+  color: #eeeeee;
+}
+
+.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: #212121;
+  min-width: 300px;
+  padding: 12px 16px;
+  spacing: 0.5em;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.workspace-button {
+  background-color: #010101;
+  width: 2em;
+  height: 1em;
+  color: rgba(224, 224, 224, 0.7);
+  margin: 2px;
+}
+
+.workspace-button:outlined {
+  background-color: rgba(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.workspace-graph {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.workspace-graph .workspace {
+  background-color: #010101;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.workspace-graph .workspace:active {
+  background-color: rgba(224, 224, 224, 0.3);
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.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(224, 224, 224, 0.12);
+}
+
+.applet-spacer:highlight {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.applet-box {
+  background-color: rgba(0, 0, 0, 0.01);
+  color: rgba(224, 224, 224, 0.7);
+  transition-duration: 100ms;
+}
+
+.applet-box:checked {
+  color: #e0e0e0;
+}
+
+.applet-box:checked .applet-label {
+  color: #e0e0e0;
+}
+
+.applet-box:hover {
+  color: #e0e0e0;
+}
+
+.applet-box:hover .applet-label {
+  color: #e0e0e0;
+}
+
+.applet-box:highlight {
+  background: rgba(224, 224, 224, 0.3);
+  color: #e0e0e0;
+}
+
+.applet-box:highlight .applet-label {
+  color: #e0e0e0;
+}
+
+.applet-label {
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.applet-icon {
+  color: rgba(224, 224, 224, 0.7);
+  padding: 0;
+  spacing: 0;
+  icon-size: 22px;
+}
+
+.desklet {
+  font-size: 9pt;
+  font-weight: 400;
+  color: #e0e0e0;
+  border: none;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
+  padding: 12px;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 2px;
+}
+
+.desklet-with-borders {
+  font-size: 9pt;
+  font-weight: 400;
+  background-color: #212121;
+  border-radius: 2px;
+}
+
+.desklet-with-borders:highlight {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.desklet-with-borders-and-header {
+  font-size: 9pt;
+  font-weight: 400;
+  background-color: #212121;
+  border-radius-bottomleft: 2px;
+  border-radius-bottomright: 2px;
+}
+
+.desklet-with-borders-and-header:highlight {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.desklet-header {
+  font-size: 15pt;
+  font-weight: 500;
+  background-color: #212121;
+  border-radius-topleft: 2px;
+  border-radius-topright: 2px;
+}
+
+.desklet-header:highlight {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.photoframe-box {
+  background-color: #212121;
+  border-radius: 2px;
+}
+
+.photoframe-box:highlight {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.desklet-drag-placeholder {
+  border: 2px solid #009688;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 2px;
+}
+
+.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(0, 0, 0, 0.26);
+  border-radius: 2px;
+}
+
+.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: 10.5pt;
+  font-weight: 400;
+  background-color: rgba(0, 0, 0, 0.01);
+  color: rgba(224, 224, 224, 0.7);
+  padding: 4px 6px;
+  selection-background-color: rgba(224, 224, 224, 0.3);
+  selected-color: #e0e0e0;
+  caret-color: rgba(224, 224, 224, 0.5);
+  text-align: center;
+  height: 1.5em;
+  border-radius: 2px;
+  -cinnamon-caption-spacing: 12px;
+}
+
+.expo-workspaces-name-entry#selected {
+  color: #e0e0e0;
+  background-color: rgba(224, 224, 224, 0.3);
+}
+
+.expo-workspaces-name-entry:focus {
+  color: #e0e0e0;
+  box-shadow: 0 -3px 0 0 #009688 inset;
+}
+
+.expo-workspaces-name-entry:hover {
+  box-shadow: 0 -3px 0 0 #009688 inset;
+}
+
+.notification-applet-padding {
+  padding: .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: #009688;
+}
+
+.osd-window {
+  spacing: 1em;
+  padding: 16px;
+}
+
+.osd-window .level {
+  height: 0.7em;
+  border-radius: 0.3em;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.osd-window .level-bar {
+  border-radius: 0.3em;
+  background-color: #009688;
+}
+
+.tile-hud:top {
+  border-top-width: 0;
+  border-radius: 0 0 10px 10px;
+}
+
+.tile-hud:bottom {
+  border-bottom-width: 0;
+  border-radius: 2px 2px 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: #eeeeee;
+}
diff --git a/dotfiles/.themes/oomox-materia-dark/cinnamon/thumbnail.png b/dotfiles/.themes/oomox-materia-dark/cinnamon/thumbnail.png
new file mode 100644
index 0000000..ac66aa1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/cinnamon/thumbnail.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/calendar-arrow-left.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/calendar-arrow-left.svg
new file mode 100644
index 0000000..fb4ee9f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M10 3v10L5 8z" fill="#eeeeee" opacity="0.7"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/calendar-arrow-right.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/calendar-arrow-right.svg
new file mode 100644
index 0000000..a7bd603
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M6 3v10l5-5z" fill="#eeeeee" opacity="0.7"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/checkbox-off.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/checkbox-off.svg
new file mode 100644
index 0000000..3ece7b0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#eeeeee" opacity="0.7"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/checkbox.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/checkbox.svg
new file mode 100644
index 0000000..198939b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#009688"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/close.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/close.svg
new file mode 100644
index 0000000..b207ba4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#eeeeee" opacity="0.7"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash-placeholder.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash-placeholder.svg
new file mode 100644
index 0000000..7e4f260
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="12" cy="12" r="12" fill="#eeeeee" opacity="0.3"/>
+  <circle cx="12" cy="12" r="4" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running1-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running1-focused.svg
new file mode 100644
index 0000000..18c6649
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running1.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running1.svg
new file mode 100644
index 0000000..ed300a7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running2-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running2-focused.svg
new file mode 100644
index 0000000..0e0f403
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="32" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running2.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running2.svg
new file mode 100644
index 0000000..d676711
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="32" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running3-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running3-focused.svg
new file mode 100644
index 0000000..38535ea
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="28" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="44" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running3.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running3.svg
new file mode 100644
index 0000000..cf5c317
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="28" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="44" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running4-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running4-focused.svg
new file mode 100644
index 0000000..03680a8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="24" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="32" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="48" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running4.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/bottom-running4.svg
new file mode 100644
index 0000000..808c0db
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="24" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="32" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="66" r="2" fill="#eeeeee"/>
+  <circle cx="48" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running1-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running1-focused.svg
new file mode 100644
index 0000000..f0410ce
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running1.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running1.svg
new file mode 100644
index 0000000..7789dd7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running2-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running2-focused.svg
new file mode 100644
index 0000000..fa5f6de
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="40" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running2.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running2.svg
new file mode 100644
index 0000000..9dc2407
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="40" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running3-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running3-focused.svg
new file mode 100644
index 0000000..8098b23
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="28" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="44" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running3.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running3.svg
new file mode 100644
index 0000000..7bd7ae0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="28" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="44" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running4-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running4-focused.svg
new file mode 100644
index 0000000..f569a9c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="24" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="40" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="48" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running4.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/left-running4.svg
new file mode 100644
index 0000000..0d9868a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="6" cy="24" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="40" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="48" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running1-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running1-focused.svg
new file mode 100644
index 0000000..87c8a1f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running1.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running1.svg
new file mode 100644
index 0000000..c5d36b7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running2-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running2-focused.svg
new file mode 100644
index 0000000..6fea96e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="40" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running2.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running2.svg
new file mode 100644
index 0000000..a6b1cf6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="40" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running3-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running3-focused.svg
new file mode 100644
index 0000000..e09ced9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="28" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="44" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running3.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running3.svg
new file mode 100644
index 0000000..6a7e678
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="28" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="36" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="44" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running4-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running4-focused.svg
new file mode 100644
index 0000000..eefc03a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="24" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="40" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="48" r="2" fill="#eeeeee"/>
+  <circle cx="6" cy="36" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running4.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/right-running4.svg
new file mode 100644
index 0000000..77b4692
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="66" cy="24" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="32" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="40" r="2" fill="#eeeeee"/>
+  <circle cx="66" cy="48" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running1-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running1-focused.svg
new file mode 100644
index 0000000..0132d77
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running1.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running1.svg
new file mode 100644
index 0000000..7bb0def
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running2-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running2-focused.svg
new file mode 100644
index 0000000..993f0c7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="32" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running2.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running2.svg
new file mode 100644
index 0000000..d6af298
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="32" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running3-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running3-focused.svg
new file mode 100644
index 0000000..c19c11a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="28" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="44" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running3.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running3.svg
new file mode 100644
index 0000000..5f8464e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="28" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="44" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running4-focused.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running4-focused.svg
new file mode 100644
index 0000000..cf1d6cf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="24" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="32" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="48" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="36" cy="66" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running4.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/dash/top-running4.svg
new file mode 100644
index 0000000..1d96e4f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="24" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="32" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="40" cy="6" r="2" fill="#eeeeee"/>
+  <circle cx="48" cy="6" r="2" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-enter.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-enter.svg
new file mode 100644
index 0000000..8b30dc6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6 6 6 1.41-1.41L5.83 13H21V7z" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-hide.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-hide.svg
new file mode 100644
index 0000000..580d474
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#eeeeee" opacity="0.8"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-layout.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-layout.svg
new file mode 100644
index 0000000..e6f4ede
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#eeeeee" opacity="0.8"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-shift-latched-uppercase.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-shift-latched-uppercase.svg
new file mode 100644
index 0000000..d9f1008
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M12 8.41L16.59 13 18 11.59l-6-6-6 6L7.41 13 12 8.41zM6 18h12v-2H6v2z" fill="#338DD6"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-shift-uppercase.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-shift-uppercase.svg
new file mode 100644
index 0000000..f7c2d25
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="#338DD6"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-shift.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/key-shift.svg
new file mode 100644
index 0000000..45459ff
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill="#eeeeee" opacity="0.8"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/more-results.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/more-results.svg
new file mode 100644
index 0000000..7ffd0d0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/more-results.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <circle cx="8" cy="8" r="8" fill="#009688"/>
+  <path d="M7 4v3H4v2h3v3h2V9h3V7H9V4H7z" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/no-events.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/no-events.svg
new file mode 100644
index 0000000..3699c0d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#eeeeee" opacity="0.5"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/no-notifications.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/no-notifications.svg
new file mode 100644
index 0000000..e48ca29
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <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" fill="#eeeeee" opacity="0.5"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/process-working.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/process-working.svg
new file mode 100644
index 0000000..63c8536
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/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="#eeeeee" opacity="0.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/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/toggle-off.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/toggle-off.svg
new file mode 100644
index 0000000..9e63a4b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/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="#eeeeee" opacity="0.3"/>
+  <circle cx="10" cy="10" r="6" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/toggle-on.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/toggle-on.svg
new file mode 100644
index 0000000..8ca9959
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/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="#009688"/>
+  <circle cx="30" cy="10" r="6" fill="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/window-close-active.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/window-close-active.svg
new file mode 100644
index 0000000..010eba5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/window-close-active.svg
@@ -0,0 +1,5 @@
+<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="#EA4335"/>
+  <circle cx="18" cy="18" r="18" fill="#eeeeee" opacity="0.24"/>
+  <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="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/window-close.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/window-close.svg
new file mode 100644
index 0000000..140a14d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/assets/window-close.svg
@@ -0,0 +1,5 @@
+<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="#EA4335"/>
+  <circle cx="18" cy="18" r="18" fill="#eeeeee" 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="#eeeeee"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css b/dotfiles/.themes/oomox-materia-dark/gnome-shell/extensions/workspaces-to-dock/workspaces-to-dock.css
new file mode 100644
index 0000000..912fa25
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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: 2px 0 0 2px;

+}

+

+#workspacestodockDock.left .workspace-thumbnails {

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

+}

+

+#workspacestodockDock.top .workspace-thumbnails {

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

+}

+

+#workspacestodockDock.bottom .workspace-thumbnails {

+    border-radius: 2px 2px 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: 2px 0 0 2px;

+    padding: 0;

+    spacing: 0;

+    border-left: none;

+    border-right: 1px;

+}

+

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

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

+    padding: 0;

+    spacing: 0;

+    border-left: 1px;

+    border-right: none;

+}

+

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

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

+    padding: 0;

+    spacing: 0;

+    border-top: 1px;

+    border-bottom: none;

+}

+

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

+    border-radius: 2px 2px 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 2px 2px; */

+}

+

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

+    /* border-radius: 2px 2px 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 #eeeeee;

+}

+

+/* caption workspace number */

+.workspacestodock-caption-number {

+    margin: 1px;

+    padding: 0 10px;

+    border-radius: 0;

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

+    color: #eeeeee;

+    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: #eeeeee;

+    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: #eeeeee;

+    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/dotfiles/.themes/oomox-materia-dark/gnome-shell/gnome-shell-theme.gresource.xml b/dotfiles/.themes/oomox-materia-dark/gnome-shell/gnome-shell-theme.gresource.xml
new file mode 100644
index 0000000..eab5f37
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/gnome-shell-theme.gresource.xml
@@ -0,0 +1,62 @@
+<?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/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/more-results.svg</file>
+    <file>assets/toggle-off.svg</file>
+    <file>assets/toggle-on.svg</file>
+    <file>assets/window-close.svg</file>
+    <file>assets/window-close-active.svg</file>
+    <file>extensions/workspaces-to-dock/workspaces-to-dock.css</file>
+    <file>gnome-shell.css</file>
+    <file alias="icons/message-indicator-symbolic.svg">message-indicator-symbolic.svg</file>
+    <file>no-events.svg</file>
+    <file>no-notifications.svg</file>
+    <file>noise-texture.png</file>
+    <file>pad-osd.css</file>
+    <file>process-working.svg</file>
+  </gresource>
+</gresources>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/gnome-shell.css b/dotfiles/.themes/oomox-materia-dark/gnome-shell/gnome-shell.css
new file mode 100644
index 0000000..fe61301
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/gnome-shell.css
@@ -0,0 +1,3270 @@
+/* This stylesheet is generated, DO NOT EDIT */
+/* 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.
+ */
+/* GLOBALS */
+* {
+  transition-duration: 150ms;
+}
+
+stage {
+  font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
+  font-size: 10.5pt;
+  font-weight: 400;
+  color: #eeeeee;
+}
+
+/* WIDGETS */
+/* Buttons */
+.button {
+  min-height: 32px;
+  padding: 0 16px;
+  border-width: 0;
+  border-radius: 2px;
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: rgba(238, 238, 238, 0.7);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:focus {
+  color: #eeeeee;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+
+.button:hover {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:active {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.3);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.button:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button {
+  min-height: 32px;
+  margin: 4px;
+  padding: 0 8px;
+  margin-right: 0;
+  border-right-width: 0;
+  border-radius: 2px;
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: rgba(238, 238, 238, 0.7);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:focus {
+  color: #eeeeee;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+
+.modal-dialog-linked-button:hover {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:active {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.3);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.modal-dialog-linked-button:first-child {
+  border-radius: 2px;
+}
+
+.modal-dialog-linked-button:last-child {
+  margin-right: 4px;
+  border-right-width: 0px;
+  border-radius: 2px;
+}
+
+.modal-dialog-linked-button:first-child:last-child {
+  margin-right: 4px;
+  border-right-width: 0px;
+  border-radius: 2px;
+}
+
+/* Entries */
+StEntry {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+  border-width: 0;
+  color: #eeeeee;
+  selection-background-color: #338DD6;
+  selected-color: #fefefe;
+  font-size: 11.25pt;
+  font-weight: 400;
+  background-color: rgba(48, 48, 48, 0.01);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+}
+
+StEntry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #338DD6;
+}
+
+StEntry:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+}
+
+StEntry StIcon.capslock-warning {
+  icon-size: 16px;
+  warning-color: #bc742d;
+  padding: 0 0;
+}
+
+/* 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: 100px;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+  border-radius: 100px;
+  background-color: rgba(238, 238, 238, 0.5);
+  margin: 4px;
+}
+
+StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+  background-color: rgba(238, 238, 238, 0.7);
+}
+
+StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+  background-color: #eeeeee;
+}
+
+#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle {
+  background-color: rgba(254, 254, 254, 0.5);
+}
+
+#overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover {
+  background-color: rgba(254, 254, 254, 0.7);
+}
+
+#overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active {
+  background-color: #fefefe;
+}
+
+/* Slider */
+.slider {
+  height: 20px;
+  color: #009688;
+  -barlevel-height: 2px;
+  -barlevel-background-color: rgba(238, 238, 238, 0.3);
+  -barlevel-border-color: transparent;
+  -barlevel-active-background-color: #009688;
+  -barlevel-active-border-color: transparent;
+  -barlevel-overdrive-color: #d8645a;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 2px;
+  -barlevel-border-width: 0;
+  -slider-handle-radius: 6px;
+}
+
+/* Check Boxes */
+.check-box * {
+  min-height: 16px;
+  padding: 8px 0;
+}
+
+.check-box StBoxLayout {
+  spacing: 8px;
+}
+
+.check-box StBin {
+  width: 24px;
+  height: 24px;
+  padding: 4px;
+  border-radius: 100px;
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+  background-image: url("assets/checkbox-off.svg");
+}
+
+.check-box:hover StBin {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.check-box:active StBin {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.check-box:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+  background-image: url("assets/checkbox.svg");
+}
+
+.check-box:hover:checked StBin {
+  background-color: rgba(0, 150, 136, 0.12);
+}
+
+.check-box:active:checked StBin {
+  background-color: rgba(0, 150, 136, 0.24);
+}
+
+/* Switches */
+.toggle-switch {
+  width: 40px;
+  height: 20px;
+  background-size: contain;
+}
+
+.toggle-switch-us {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch-us:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+.toggle-switch-intl {
+  background-image: url("assets/toggle-off.svg");
+}
+
+.toggle-switch-intl:checked {
+  background-image: url("assets/toggle-on.svg");
+}
+
+/* links */
+.shell-link {
+  border-radius: 2px;
+  color: #3d82ff;
+}
+
+.shell-link:hover {
+  color: #3d82ff;
+  background-color: rgba(61, 130, 255, 0.12);
+}
+
+.shell-link:active {
+  color: #3d82ff;
+  background-color: rgba(61, 130, 255, 0.24);
+}
+
+/* Modal Dialogs */
+.headline {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+.lightbox {
+  background-color: black;
+}
+
+.flashspot {
+  background-color: white;
+}
+
+.modal-dialog {
+  border-radius: 2px;
+  color: #eeeeee;
+  background-color: #303030;
+  border: none;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+}
+
+.modal-dialog .modal-dialog-content-box {
+  padding: 24px;
+}
+
+.modal-dialog .run-dialog-entry {
+  width: 20em;
+  margin-bottom: 0;
+}
+
+.modal-dialog .run-dialog-error-box {
+  padding-top: 16px;
+  spacing: 6px;
+}
+
+.modal-dialog .run-dialog-button-box {
+  padding-top: 1em;
+}
+
+.modal-dialog .run-dialog-label {
+  font-size: 1em;
+  font-weight: normal;
+  color: rgba(238, 238, 238, 0.5);
+  padding-bottom: .4em;
+}
+
+.mount-dialog-subject,
+.end-session-dialog-subject {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+/* Message Dialog */
+.message-dialog-main-layout {
+  padding: 12px 20px 0;
+  spacing: 12px;
+}
+
+.message-dialog-content {
+  max-width: 28em;
+  spacing: 20px;
+}
+
+.message-dialog-icon {
+  min-width: 48px;
+  icon-size: 48px;
+}
+
+.message-dialog-title {
+  font-weight: bold;
+}
+
+.message-dialog-subtitle {
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: bold;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+  spacing: 42px;
+  border: none;
+}
+
+.end-session-dialog-list {
+  padding-top: 20px;
+}
+
+.end-session-dialog-layout {
+  padding-left: 17px;
+}
+
+.end-session-dialog-layout:rtl {
+  padding-right: 17px;
+}
+
+.end-session-dialog-description {
+  width: 28em;
+  padding-bottom: 10px;
+}
+
+.end-session-dialog-description:rtl {
+  text-align: right;
+}
+
+.end-session-dialog-warning {
+  width: 28em;
+  color: #bc742d;
+  padding-top: 6px;
+}
+
+.end-session-dialog-warning:rtl {
+  text-align: right;
+}
+
+.end-session-dialog-logout-icon {
+  border-radius: 5px;
+  width: 48px;
+  height: 48px;
+  background-size: contain;
+}
+
+.end-session-dialog-shutdown-icon {
+  color: rgba(238, 238, 238, 0.5);
+  width: 48px;
+  height: 48px;
+}
+
+.end-session-dialog-inhibitor-layout {
+  spacing: 16px;
+  max-height: 200px;
+  padding-right: 65px;
+  padding-left: 65px;
+}
+
+.end-session-dialog-session-list,
+.end-session-dialog-app-list {
+  spacing: 1em;
+}
+
+.end-session-dialog-list-header {
+  font-weight: bold;
+}
+
+.end-session-dialog-list-header:rtl {
+  text-align: right;
+}
+
+.end-session-dialog-app-list-item,
+.end-session-dialog-session-list-item {
+  spacing: 1em;
+}
+
+.end-session-dialog-app-list-item-name,
+.end-session-dialog-session-list-item-name {
+  font-weight: bold;
+}
+
+.end-session-dialog-app-list-item-description {
+  color: rgba(238, 238, 238, 0.5);
+  font-size: 1em;
+}
+
+/* ShellMountOperation Dialogs */
+.shell-mount-operation-icon {
+  icon-size: 48px;
+}
+
+.mount-dialog {
+  spacing: 24px;
+}
+
+.mount-dialog .message-dialog-title {
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px;
+  max-width: 34em;
+}
+
+.mount-dialog .message-dialog-title:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.mount-dialog .message-dialog-body {
+  padding-left: 17px;
+  width: 28em;
+}
+
+.mount-dialog .message-dialog-body:rtl {
+  padding-left: 0px;
+  padding-right: 17px;
+}
+
+.mount-dialog-app-list {
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px;
+}
+
+.mount-dialog-app-list:rtl {
+  padding-right: 49px;
+  padding-left: 32px;
+}
+
+.mount-dialog-app-list-item {
+  color: #eeeeee;
+}
+
+.mount-dialog-app-list-item:hover {
+  color: #eeeeee;
+}
+
+.mount-dialog-app-list-item:ltr {
+  padding-right: 1em;
+}
+
+.mount-dialog-app-list-item:rtl {
+  padding-left: 1em;
+}
+
+.mount-dialog-app-list-item-icon:ltr {
+  padding-right: 17px;
+}
+
+.mount-dialog-app-list-item-icon:rtl {
+  padding-left: 17px;
+}
+
+.mount-dialog-app-list-item-name {
+  font-size: 1em;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+  width: 34em;
+  border: none;
+}
+
+.prompt-dialog .message-dialog-main-layout {
+  spacing: 24px;
+  padding: 10px;
+}
+
+.prompt-dialog .message-dialog-content {
+  spacing: 16px;
+}
+
+.prompt-dialog .message-dialog-title {
+  font-size: 15pt;
+  font-weight: 500;
+  color: #eeeeee;
+}
+
+.prompt-dialog-description:rtl {
+  text-align: right;
+}
+
+.prompt-dialog-password-box {
+  spacing: 1em;
+  padding-bottom: 1em;
+}
+
+.prompt-dialog-error-label {
+  font-size: 1em;
+  color: #d8645a;
+  padding-bottom: 8px;
+}
+
+.prompt-dialog-info-label {
+  font-size: 1em;
+  padding-bottom: 8px;
+}
+
+.hidden {
+  color: rgba(0, 0, 0, 0);
+}
+
+.prompt-dialog-null-label {
+  font-size: 1em;
+  padding-bottom: 8px;
+}
+
+/* Polkit Dialog */
+.polkit-dialog-user-layout {
+  padding-left: 10px;
+  spacing: 10px;
+}
+
+.polkit-dialog-user-layout:rtl {
+  padding-left: 0px;
+  padding-right: 10px;
+}
+
+.polkit-dialog-user-root-label {
+  color: #bc742d;
+}
+
+.polkit-dialog-user-icon {
+  border-radius: 5px;
+  background-size: contain;
+  width: 48px;
+  height: 48px;
+}
+
+/* Audio selection dialog */
+.audio-device-selection-dialog {
+  spacing: 30px;
+}
+
+.audio-selection-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.audio-selection-title {
+  font-weight: bold;
+  text-align: center;
+}
+
+.audio-selection-box {
+  spacing: 20px;
+}
+
+.audio-selection-device {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 2px;
+}
+
+.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
+  background-color: #338DD6;
+}
+
+.audio-selection-device-box {
+  padding: 20px;
+  spacing: 20px;
+}
+
+.audio-selection-device-icon {
+  icon-size: 64px;
+}
+
+/* Access Dialog */
+.access-dialog {
+  spacing: 30px;
+}
+
+/* Geolocation Dialog */
+.geolocation-dialog {
+  spacing: 30px;
+}
+
+/* Extension Dialog */
+.extension-dialog .message-dialog-main-layout {
+  spacing: 24px;
+  padding: 10px;
+}
+
+.extension-dialog .message-dialog-title {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+/* Inhibit-Shortcuts Dialog */
+.inhibit-shortcuts-dialog {
+  spacing: 30px;
+}
+
+/* Network Agent Dialog */
+.network-dialog-secret-table {
+  spacing-rows: 15px;
+  spacing-columns: 1em;
+}
+
+.keyring-dialog-control-table {
+  spacing-rows: 15px;
+  spacing-columns: 1em;
+}
+
+/* Popovers/Menus */
+.popup-menu {
+  min-width: 200px;
+}
+
+.popup-menu .popup-sub-menu {
+  background-color: #212121;
+  box-shadow: 0 0 transparent;
+}
+
+.popup-menu .popup-menu-content {
+  padding: 8px 0;
+}
+
+.popup-menu .popup-menu-item {
+  spacing: 8px;
+  transition-duration: 100ms;
+}
+
+.popup-menu .popup-menu-item:ltr {
+  padding: 0.4em 24px 0.4em 0;
+}
+
+.popup-menu .popup-menu-item:rtl {
+  padding: 0.4em 0 0.4em 24px;
+}
+
+.popup-menu .popup-menu-item:checked {
+  background-color: #338DD6;
+  color: #fefefe;
+  box-shadow: 0 0 transparent;
+  font-weight: normal;
+}
+
+.popup-menu .popup-menu-item:checked.selected {
+  background-color: #4b9bdb;
+  color: #fefefe;
+}
+
+.popup-menu .popup-menu-item:checked:active {
+  background-color: #64a8e0;
+  color: #fefefe !important;
+}
+
+.popup-menu .popup-menu-item:checked:insensitive {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.popup-menu .popup-menu-item.selected {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: #eeeeee;
+  transition-duration: 0ms;
+}
+
+.popup-menu .popup-menu-item:active {
+  background-color: rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+  transition-duration: 150ms;
+}
+
+.popup-menu .popup-menu-item.selected:active {
+  color: #eeeeee;
+}
+
+.popup-menu .popup-menu-item:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.popup-menu .popup-inactive-menu-item {
+  color: #eeeeee;
+}
+
+.popup-menu .popup-inactive-menu-item:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.popup-menu.panel-menu {
+  -boxpointer-gap: 4px;
+  margin-bottom: 1.75em;
+}
+
+.popup-menu-ornament {
+  text-align: right;
+  width: 16px;
+  height: 16px;
+}
+
+.popup-menu-boxpointer,
+.candidate-popup-boxpointer {
+  -arrow-border-radius: 0;
+  -arrow-background-color: transparent;
+  -arrow-border-width: 0;
+  -arrow-border-color: transparent;
+  -arrow-base: 0;
+  -arrow-rise: 0;
+  -arrow-box-shadow: none;
+  margin: 5px 8px 8px;
+  background-color: #303030;
+  border-radius: 2px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.popup-separator-menu-item {
+  height: 1px;
+  margin: 8px 40px;
+  background-color: transparent;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+}
+
+.background-menu {
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0;
+}
+
+/* fallback menu
+- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
+  app menu inside the main app window itself rather than the top bar
+*/
+/* OSD */
+.osd-window {
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em;
+  margin: 32px;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.osd-window .osd-monitor-label {
+  font-size: 45px;
+  font-weight: 400;
+}
+
+.osd-window .level {
+  height: 8px;
+  -barlevel-height: 8px;
+  -barlevel-background-color: rgba(238, 238, 238, 0.12);
+  -barlevel-active-background-color: #338DD6;
+  -barlevel-overdrive-color: #d8645a;
+  -barlevel-overdrive-separator-width: 2px;
+}
+
+/* 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-item-container {
+  spacing: 8px;
+}
+
+.switcher-list .item-box {
+  padding: 8px;
+  border-radius: 2px;
+}
+
+.switcher-list .item-box:outlined {
+  padding: 8px;
+  border: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: #eeeeee;
+}
+
+.switcher-list .item-box:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.switcher-list .thumbnail-box {
+  padding: 2px;
+  spacing: 4px;
+}
+
+.switcher-list .thumbnail {
+  width: 256px;
+}
+
+.switcher-list .separator {
+  width: 1px;
+  background: rgba(0, 0, 0, 0.26);
+}
+
+.switcher-arrow {
+  border-color: rgba(0, 0, 0, 0);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.switcher-arrow:highlighted {
+  color: #eeeeee;
+}
+
+.input-source-switcher-symbol {
+  font-size: 45px;
+  font-weight: 400;
+  width: 96px;
+  height: 96px;
+}
+
+/* Window Cycler */
+.cycler-highlight {
+  border: 4px solid #338DD6;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+  padding: 8px;
+}
+
+.workspace-switcher {
+  background: transparent;
+  border: 0px;
+  border-radius: 0px;
+  padding: 0px;
+  spacing: 8px;
+}
+
+.ws-switcher-active-up, .ws-switcher-active-down {
+  height: 48px;
+  background-color: #338DD6;
+  color: #fefefe;
+  background-size: 32px;
+  border-radius: 2px;
+}
+
+.ws-switcher-box {
+  height: 48px;
+  border: none;
+  background: rgba(238, 238, 238, 0.12);
+  border-radius: 2px;
+}
+
+.osd-window,
+.resize-popup,
+.switcher-list, .workspace-switcher-container {
+  color: #eeeeee;
+  background-color: #303030;
+  border: none;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+  border-radius: 2px;
+  padding: 12px;
+}
+
+/* Tiled window previews */
+.tile-preview {
+  background-color: rgba(83, 173, 246, 0.3);
+  border: 1px solid #53adf6;
+}
+
+.tile-preview-left.on-primary {
+  border-radius: 0 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+  border-radius: 0 0 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+  border-radius: 0 0 0 0;
+}
+
+/* TOP BAR */
+#panel {
+  background-color: rgba(0, 0, 0, 0.6);
+  /* transition from solid to transparent */
+  transition-duration: 250ms;
+  font-weight: bold;
+  height: 28px;
+  font-feature-settings: "tnum";
+}
+
+#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
+  background-color: transparent;
+}
+
+#panel #panelLeft, #panel #panelCenter {
+  spacing: 0;
+}
+
+#panel .panel-corner {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: rgba(0, 0, 0, 0.6);
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
+  -panel-corner-border-color: #fefefe;
+}
+
+#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
+  -panel-corner-radius: 0;
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent;
+}
+
+#panel .panel-button {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: rgba(254, 254, 254, 0.7);
+  text-shadow: none;
+  transition-duration: 150ms;
+}
+
+#panel .panel-button .app-menu-icon {
+  -st-icon-style: symbolic;
+  margin-left: 4px;
+  margin-right: 4px;
+}
+
+#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 {
+  color: #fefefe;
+  text-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 {
+  background-color: rgba(0, 0, 0, 0.01);
+  box-shadow: inset 0 -2px 0px #fefefe;
+  color: #fefefe;
+}
+
+#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: 1.14286em;
+  padding: 0 4px;
+}
+
+.unlock-screen #panel .panel-button,
+.login-screen #panel .panel-button,
+.lock-screen #panel .panel-button {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
+.login-screen #panel .panel-button:focus,
+.login-screen #panel .panel-button:hover,
+.login-screen #panel .panel-button:active,
+.lock-screen #panel .panel-button:focus,
+.lock-screen #panel .panel-button:hover,
+.lock-screen #panel .panel-button:active {
+  color: #fefefe;
+}
+
+#panel .panel-status-indicators-box,
+#panel .panel-status-menu-box {
+  spacing: 2px;
+}
+
+#panel .power-status.panel-status-indicators-box {
+  spacing: 0;
+}
+
+#panel .screencast-indicator {
+  color: #bc742d;
+}
+
+#panel .remote-access-indicator {
+  color: #bc742d;
+}
+
+#panel.solid {
+  background-color: #010101;
+  /* transition from transparent to solid */
+  transition-duration: 250ms;
+  background-gradient-direction: none;
+  text-shadow: none;
+}
+
+#panel.solid:overview {
+  background-color: transparent;
+}
+
+#panel.solid .panel-corner {
+  -panel-corner-background-color: #010101;
+}
+
+#panel.solid .panel-button {
+  color: rgba(254, 254, 254, 0.7);
+  text-shadow: none;
+}
+
+#panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked {
+  color: #fefefe;
+}
+
+#panel.solid .system-status-icon,
+#panel.solid .app-menu-icon > StIcon,
+#panel.solid .popup-menu-arrow {
+  icon-shadow: none;
+}
+
+#calendarArea {
+  padding: 8px 16px;
+}
+
+.calendar {
+  margin-bottom: 0;
+}
+
+.calendar,
+.datemenu-today-button,
+.datemenu-displays-box,
+.message-list-sections {
+  margin: 0 8px;
+}
+
+.datemenu-calendar-column {
+  spacing: 8px;
+}
+
+.datemenu-displays-section {
+  padding-bottom: 0;
+}
+
+.datemenu-displays-box {
+  spacing: 8px;
+}
+
+.datemenu-calendar-column {
+  border: 0 solid rgba(0, 0, 0, 0.26);
+}
+
+.datemenu-calendar-column:ltr {
+  border-left-width: 0;
+}
+
+.datemenu-calendar-column:rtl {
+  border-right-width: 0;
+}
+
+.datemenu-today-button,
+.world-clocks-button,
+.weather-button,
+.events-section-title {
+  min-height: 20px;
+  padding: 4px 8px;
+  border-radius: 2px;
+}
+
+.datemenu-today-button {
+  min-height: 48px;
+}
+
+.message-list-section-list:ltr {
+  padding-left: 0;
+}
+
+.message-list-section-list:rtl {
+  padding-right: 0;
+}
+
+.datemenu-today-button:hover, .datemenu-today-button:focus,
+.world-clocks-button:hover,
+.world-clocks-button:focus,
+.weather-button:hover,
+.weather-button:focus,
+.events-section-title:hover,
+.events-section-title:focus {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.datemenu-today-button:active,
+.world-clocks-button:active,
+.weather-button:active,
+.events-section-title:active {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.datemenu-today-button .date-label {
+  font-size: 18pt;
+  font-weight: 400;
+}
+
+.world-clocks-header,
+.weather-header,
+.events-section-title {
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: bold;
+}
+
+.world-clocks-grid {
+  spacing-rows: 0.4em;
+}
+
+.weather-box {
+  spacing: 0.4em;
+}
+
+.calendar-month-label {
+  height: 16px;
+  margin: 2px;
+  padding: 6px 16px;
+  border-radius: 2px;
+  color: #eeeeee;
+  font-weight: bold;
+  text-align: center;
+}
+
+.calendar-month-label:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.pager-button {
+  width: 28px;
+  height: 28px;
+  margin: 2px;
+  border-radius: 100px;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+.pager-button:hover, .pager-button:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.pager-button:active {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.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;
+  font-feature-settings: "tnum";
+}
+
+.calendar-day-base:hover, .calendar-day-base:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.calendar-day-base:active {
+  color: inherit;
+  background-color: rgba(238, 238, 238, 0.3);
+  border-color: transparent;
+}
+
+.calendar-day-base:selected {
+  color: #fefefe;
+  background-color: #338DD6;
+  border-color: transparent;
+}
+
+.calendar-day-base.calendar-day-heading {
+  width: 28px;
+  height: 21px;
+  margin-top: 2px;
+  padding: 7px 0 0;
+  border-radius: 100px;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+  font-size: 9pt;
+  font-weight: 400;
+  font-weight: bold;
+  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: #eeeeee;
+}
+
+.calendar-today {
+  font-weight: bold !important;
+  border: none;
+}
+
+.calendar-day-with-events {
+  color: #3d82ff;
+  font-weight: normal;
+  text-decoration: underline;
+  background-image: none;
+}
+
+.calendar-other-month-day {
+  color: rgba(238, 238, 238, 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(238, 238, 238, 0.5);
+  font-size: inherit;
+  font-weight: bold;
+  text-align: center;
+}
+
+/* Message list */
+.message-list {
+  width: 420px;
+}
+
+.message-list-clear-button.button {
+  background-color: transparent;
+  margin: 8px 8px 0;
+}
+
+.message-list-clear-button.button:hover, .message-list-clear-button.button:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.message-list-clear-button.button:active {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.message-list-sections {
+  spacing: 8px;
+}
+
+.message-list-section,
+.message-list-section-list {
+  spacing: 8px;
+}
+
+.message {
+  min-height: 56px;
+  background-color: transparent;
+  border-radius: 2px;
+}
+
+.message:hover, .message:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.message:active {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.message-icon-bin {
+  padding: 8px 0px 8px 8px;
+}
+
+.message-icon-bin:rtl {
+  padding: 8px 8px 8px 0px;
+}
+
+.message-icon-bin > StIcon {
+  color: #eeeeee;
+  icon-size: 1.14286em;
+  -st-icon-style: requested;
+  margin: 4px 0px 4px 4px;
+}
+
+.message-icon-bin > StIcon:rtl {
+  margin: 4px 4px 4px 0px;
+}
+
+.message-secondary-bin {
+  padding: 0 8px;
+}
+
+.message-secondary-bin > .event-time {
+  min-height: 22px;
+  padding-top: 2px;
+  color: rgba(238, 238, 238, 0.7);
+  font-size: 1em;
+  /* HACK: the label should be baseline-aligned with a 1em label,
+                     fake this with some bottom padding */
+  padding-bottom: 0;
+}
+
+.message-secondary-bin > StIcon {
+  icon-size: 1.14286em;
+}
+
+.message-title {
+  min-height: 22px;
+  padding-top: 2px;
+  color: #eeeeee;
+  font-weight: bold;
+  font-size: 1em;
+}
+
+.message-content {
+  min-height: 40px;
+  padding: 8px;
+  color: rgba(238, 238, 238, 0.7);
+  font-size: 1em;
+}
+
+.message-content * > StIcon {
+  icon-size: 16px;
+  border-radius: 16px;
+  padding: 4px;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+/* FIXME: how do you do this in sass? */
+.message-content *:hover > StIcon,
+.message-content *:focus > StIcon {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.message-content *:active > StIcon {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.message-media-control {
+  margin: 16px 0;
+  padding: 8px;
+  border-radius: 100px;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.message-media-control:hover, .message-media-control:focus {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.message-media-control:active {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.message-media-control:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+.message-media-control:last-child:ltr {
+  margin-right: 16px;
+  padding-right: 8px;
+}
+
+.message-media-control:last-child:rtl {
+  margin-left: 16px;
+  padding-left: 8px;
+}
+
+.media-message-cover-icon {
+  icon-size: 32px !important;
+  margin: 8px 0px 8px 4px !important;
+}
+
+.media-message-cover-icon:rtl {
+  margin: 8px 4px 8px 0px !important;
+}
+
+.media-message-cover-icon.fallback {
+  icon-size: 16px !important;
+  padding: 8px;
+  border: none;
+  border-radius: 2px;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.system-switch-user-submenu-icon.user-icon {
+  icon-size: 20px;
+  padding: 0 2px;
+}
+
+.system-switch-user-submenu-icon.default-icon {
+  icon-size: 16px;
+  padding: 0 4px;
+}
+
+#appMenu {
+  spinner-image: url("process-working.svg");
+  spacing: 4px;
+}
+
+#appMenu .label-shadow {
+  color: transparent;
+}
+
+.aggregate-menu {
+  min-width: 280px;
+}
+
+.aggregate-menu .popup-menu-icon {
+  padding: 0 4px;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
+  /* 8px spacing + 2*4px padding */
+  padding-left: 16px;
+  margin-left: 1.14286em;
+}
+
+.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
+  /* 8px spacing + 2*4px padding */
+  padding-right: 16px;
+  margin-right: 1.14286em;
+}
+
+.system-menu-action {
+  -st-icon-style: symbolic;
+  color: rgba(238, 238, 238, 0.7);
+  border-radius: 100px;
+  /* wish we could do 50% */
+  padding: 12px;
+  border: none;
+}
+
+.system-menu-action:hover, .system-menu-action:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: #eeeeee;
+  border: none;
+  padding: 12px;
+}
+
+.system-menu-action:active {
+  background-color: rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+}
+
+.system-menu-action > StIcon {
+  icon-size: 16px;
+}
+
+.ripple-box {
+  width: 48px;
+  height: 48px;
+  border-radius: 0 0 48px 0;
+  background-color: rgba(254, 254, 254, 0.3);
+  background-image: none;
+  background-size: auto;
+}
+
+.ripple-box:rtl {
+  border-radius: 0 0 0 48px;
+  background-image: none;
+}
+
+.popup-menu-arrow {
+  width: 16px;
+  height: 16px;
+}
+
+.popup-menu-icon {
+  icon-size: 1.14286em;
+}
+
+.window-close {
+  transition-duration: 0ms;
+  height: 32px;
+  width: 32px;
+  -shell-close-overlap: 16px;
+  -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+  background-image: url("assets/window-close.svg");
+  background-size: 32px;
+}
+
+.window-close:hover {
+  -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+  background-image: url("assets/window-close.svg");
+}
+
+.window-close:active {
+  background-image: url("assets/window-close-active.svg");
+}
+
+.window-close:rtl {
+  -st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+}
+
+.window-close:rtl:hover {
+  -st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+/* NETWORK DIALOGS */
+.nm-dialog {
+  max-height: 34em;
+  min-height: 31em;
+  min-width: 32em;
+}
+
+.nm-dialog-content {
+  spacing: 20px;
+  padding: 24px;
+}
+
+.nm-dialog-header-hbox {
+  spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+  spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+  font-weight: bold;
+  text-align: center;
+}
+
+.nm-dialog-airplane-text {
+  color: #eeeeee;
+}
+
+.nm-dialog-header-icon {
+  icon-size: 32px;
+}
+
+.nm-dialog-scroll-view {
+  border: none;
+}
+
+.nm-dialog-header {
+  font-size: 15pt;
+  font-weight: 500;
+}
+
+.nm-dialog-item {
+  font-size: 1em;
+  border-bottom: none;
+  border-radius: 2px;
+  padding: 12px;
+  spacing: 20px;
+}
+
+.nm-dialog-item:hover, .nm-dialog-item:focus {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.nm-dialog-item:active {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.nm-dialog-item:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.nm-dialog-icons {
+  spacing: .5em;
+}
+
+.nm-dialog-icon {
+  icon-size: 16px;
+}
+
+.no-networks-label {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.no-networks-box {
+  spacing: 12px;
+}
+
+/* OVERVIEW */
+#overview {
+  spacing: 24px;
+}
+
+.overview-controls {
+  padding-bottom: 32px;
+}
+
+.window-picker {
+  -horizontal-spacing: 16px;
+  -vertical-spacing: 16px;
+  padding: 0 16px 32px;
+}
+
+.window-picker.external-monitor {
+  padding: 16px;
+}
+
+.window-clone-border {
+  border: 4px solid rgba(254, 254, 254, 0.3);
+  border-radius: 2px;
+  box-shadow: inset 0 0 0 1px rgba(254, 254, 254, 0.3);
+}
+
+.window-caption {
+  spacing: 25px;
+  color: #fefefe;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 2px;
+  padding: 4px 8px;
+}
+
+.search-entry {
+  width: 304px;
+  padding: 0 8px;
+  border-radius: 0;
+  color: rgba(254, 254, 254, 0.5);
+  selection-background-color: rgba(254, 254, 254, 0.3);
+  selected-color: #fefefe;
+  background-color: rgba(0, 0, 0, 0.01);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(254, 254, 254, 0.3);
+}
+
+.search-entry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #fefefe;
+  padding: 0 8px;
+  border-width: 0;
+  color: #fefefe;
+}
+
+.search-entry .search-entry-icon {
+  icon-size: 16px;
+  padding: 0 0;
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
+  color: #fefefe;
+}
+
+#searchResultsBin {
+  max-width: 1000px;
+}
+
+#searchResultsContent {
+  padding-left: 20px;
+  padding-right: 20px;
+  spacing: 16px;
+}
+
+.search-section {
+  spacing: 16px;
+}
+
+.search-section-content {
+  spacing: 32px;
+}
+
+.list-search-results {
+  spacing: 3px;
+}
+
+.search-section-separator {
+  height: 1px;
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+.list-search-result-content {
+  spacing: 30px;
+}
+
+.list-search-result-title {
+  font-size: 11.25pt;
+  font-weight: 400;
+  color: #fefefe;
+  spacing: 12px;
+}
+
+.list-search-result-description {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.list-search-provider-details {
+  width: 150px;
+  color: rgba(254, 254, 254, 0.7);
+  margin-top: 0.24em;
+}
+
+.list-search-provider-content {
+  spacing: 20px;
+}
+
+.search-provider-icon {
+  padding: 15px;
+}
+
+/* DASHBOARD */
+#dash {
+  font-size: 1em;
+  color: #fefefe;
+  background-color: rgba(255, 255, 255, 0.1);
+  padding: 3px 0;
+  border: none;
+  border-left: 0px;
+  border-radius: 0px 2px 2px 0px;
+}
+
+#dash:rtl {
+  border-radius: 2px 0 0 2px;
+}
+
+#dash .placeholder {
+  background-image: url("assets/dash-placeholder.svg");
+  background-size: contain;
+  height: 24px;
+}
+
+#dash .empty-dash-drop-target {
+  width: 24px;
+  height: 24px;
+}
+
+.dash-item-container > StWidget {
+  padding: 3px 6px;
+}
+
+.dash-label {
+  border-radius: 2px;
+  padding: 7px 8px;
+  color: #eeeeee;
+  background-color: #303030;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+  text-align: center;
+  -x-offset: 8px;
+}
+
+/* App Vault/Grid */
+.icon-grid {
+  spacing: 30px;
+  -shell-grid-horizontal-item-size: 136px;
+  -shell-grid-vertical-item-size: 136px;
+}
+
+.icon-grid .overview-icon {
+  icon-size: 96px;
+}
+
+.system-action-icon {
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
+  background-color: #212121;
+  color: #FFFFFF;
+  border-radius: 99px;
+  icon-size: 48px;
+}
+
+.app-view-controls {
+  width: 320px;
+  padding-bottom: 32px;
+}
+
+.app-view-control {
+  padding: 0 16px;
+  font-weight: bold;
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.app-view-control:hover {
+  color: #fefefe;
+  background-color: rgba(254, 254, 254, 0.12) !important;
+}
+
+.app-view-control:active {
+  color: #fefefe;
+  background-color: rgba(254, 254, 254, 0.3) !important;
+}
+
+.app-view-control:checked {
+  color: #fefefe;
+  background-color: rgba(0, 0, 0, 0.01) !important;
+  box-shadow: inset 0 2px 0 #fefefe;
+}
+
+.app-view-control:first-child {
+  border-right-width: 0;
+  border-radius: 2px;
+}
+
+.app-view-control:first-child:checked {
+  border-radius: 0;
+}
+
+.app-view-control:last-child {
+  border-radius: 2px;
+}
+
+.app-view-control:last-child:checked {
+  border-radius: 0;
+}
+
+.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
+.list-search-result:focus,
+.list-search-result:selected,
+.list-search-result:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+  transition-duration: 0ms;
+}
+
+.search-provider-icon:active, .search-provider-icon:checked,
+.list-search-result:active,
+.list-search-result:checked {
+  background-color: rgba(254, 254, 254, 0.3);
+  transition-duration: 150ms;
+}
+
+.app-well-app:hover .overview-icon,
+.app-well-app:focus .overview-icon,
+.app-well-app:selected .overview-icon,
+.app-well-app.app-folder:hover .overview-icon,
+.app-well-app.app-folder:focus .overview-icon,
+.app-well-app.app-folder:selected .overview-icon,
+.show-apps:hover .overview-icon,
+.show-apps:focus .overview-icon,
+.show-apps:selected .overview-icon,
+.grid-search-result:hover .overview-icon,
+.grid-search-result:focus .overview-icon,
+.grid-search-result:selected .overview-icon {
+  background-color: rgba(254, 254, 254, 0.12);
+  transition-duration: 0ms;
+  border-image: none;
+  background-image: none;
+}
+
+.app-well-app:active .overview-icon,
+.app-well-app:checked .overview-icon,
+.app-well-app.app-folder:active .overview-icon,
+.app-well-app.app-folder:checked .overview-icon,
+.show-apps:active .overview-icon,
+.show-apps:checked .overview-icon,
+.grid-search-result:active .overview-icon,
+.grid-search-result:checked .overview-icon {
+  background-color: rgba(254, 254, 254, 0.3);
+  box-shadow: 0 0 transparent;
+  transition-duration: 150ms;
+}
+
+.app-well-app-running-dot {
+  width: 32px;
+  height: 2px;
+  background-color: #fefefe;
+  margin-bottom: 0;
+}
+
+.search-provider-icon,
+.list-search-result, .app-well-app .overview-icon,
+.app-well-app.app-folder .overview-icon,
+.show-apps .overview-icon,
+.grid-search-result .overview-icon {
+  color: #fefefe;
+  border-radius: 2px;
+  padding: 6px;
+  border: none;
+  transition-duration: 150ms;
+  text-align: center;
+}
+
+.app-well-app.app-folder > .overview-icon {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.show-apps .show-apps-icon {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.show-apps:hover .show-apps-icon,
+.show-apps:active .show-apps-icon,
+.show-apps:checked .show-apps-icon,
+.show-apps:focus .show-apps-icon {
+  color: #fefefe;
+  transition-duration: 150ms;
+}
+
+.app-folder-popup {
+  -arrow-border-radius: 2px;
+  -arrow-background-color: rgba(255, 255, 255, 0.1);
+  -arrow-base: 24px;
+  -arrow-rise: 12px;
+}
+
+.app-folder-popup-bin {
+  padding: 5px;
+}
+
+.app-folder-icon {
+  padding: 5px;
+  spacing-rows: 5px;
+  spacing-columns: 5px;
+}
+
+.page-indicator {
+  padding: 15px 20px;
+}
+
+.page-indicator .page-indicator-icon {
+  width: 12px;
+  height: 12px;
+  border-radius: 12px;
+  background-image: none;
+  background-color: rgba(254, 254, 254, 0.3);
+}
+
+.page-indicator:hover .page-indicator-icon {
+  background-image: none;
+  background-color: rgba(254, 254, 254, 0.5);
+}
+
+.page-indicator:active .page-indicator-icon {
+  background-image: none;
+  background-color: rgba(254, 254, 254, 0.7);
+}
+
+.page-indicator:checked .page-indicator-icon {
+  background-image: none;
+  background-color: #fefefe;
+  transition-duration: 0ms;
+}
+
+.page-indicator:checked:active {
+  background-image: none;
+}
+
+.app-well-app > .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+  padding: 10px 8px 5px 8px;
+  spacing: 4px;
+}
+
+.workspace-thumbnails {
+  visible-width: 32px;
+  spacing: 12px;
+  padding: 12px;
+  border-radius: 2px 0 0 2px;
+}
+
+.workspace-thumbnails:rtl {
+  border-radius: 0 2px 2px 0;
+}
+
+.workspace-thumbnails .placeholder {
+  background-image: url("assets/dash-placeholder.svg");
+  background-size: contain;
+  height: 24px;
+}
+
+.workspace-thumbnail-indicator {
+  border: 0 solid #fefefe;
+  border-left-width: 2px;
+  padding: 6px;
+  border-radius: 0;
+}
+
+.search-display > StBoxLayout,
+.all-apps,
+.frequent-apps > StBoxLayout {
+  padding: 0px 88px 10px 88px;
+}
+
+.workspace-thumbnails {
+  color: #fefefe;
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+}
+
+.search-statustext, .no-frequent-applications-label {
+  font-size: 45px;
+  font-weight: 400;
+  color: rgba(254, 254, 254, 0.5);
+}
+
+/* NOTIFICATIONS & MESSAGE TRAY */
+.url-highlighter {
+  link-color: #3d82ff;
+}
+
+.notification-banner {
+  font-size: 1em;
+  width: 34em;
+  min-height: 56px;
+  margin: 5px;
+  border-radius: 2px;
+  color: #eeeeee;
+  background-color: #303030;
+  border: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.notification-banner:hover {
+  background-color: #303030;
+}
+
+.notification-banner:focus {
+  background-color: #303030;
+}
+
+.notification-banner .notification-icon {
+  padding: 5px;
+}
+
+.notification-banner .notification-content {
+  padding: 5px;
+  spacing: 5px;
+}
+
+.notification-banner .secondary-icon {
+  icon-size: 1.14286em;
+}
+
+.notification-banner .notification-actions {
+  background-color: transparent;
+  padding-top: 0;
+  padding: 4px;
+  spacing: 4px;
+}
+
+.notification-banner .notification-button {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 2px;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+.notification-banner .notification-button:first-child {
+  border-radius: 2px;
+}
+
+.notification-banner .notification-button:last-child {
+  border-radius: 2px;
+}
+
+.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: #eeeeee;
+}
+
+.notification-banner .notification-button:active {
+  background-color: rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+}
+
+.summary-source-counter {
+  font-size: 1em;
+  font-weight: bold;
+  height: 1.6em;
+  width: 1.6em;
+  -shell-counter-overlap-x: 3px;
+  -shell-counter-overlap-y: 3px;
+  background-color: #338DD6;
+  color: #fefefe;
+  border: 2px solid #fefefe;
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 0.9em;
+}
+
+.secondary-icon {
+  icon-size: 1.14286em;
+}
+
+.chat-body {
+  spacing: 5px;
+}
+
+.chat-response {
+  margin: 5px;
+}
+
+.chat-log-message {
+  color: #eeeeee;
+}
+
+.chat-new-group {
+  padding-top: 1em;
+}
+
+.chat-received {
+  padding-left: 4px;
+}
+
+.chat-received:rtl {
+  padding-left: 0px;
+  padding-right: 4px;
+}
+
+.chat-sent {
+  padding-left: 18pt;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.chat-sent:rtl {
+  padding-left: 0;
+  padding-right: 18pt;
+}
+
+.chat-meta-message {
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: 400;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.chat-meta-message:rtl {
+  padding-left: 0;
+  padding-right: 4px;
+}
+
+.hotplug-transient-box {
+  spacing: 6px;
+  padding: 2px 72px 2px 12px;
+}
+
+.hotplug-notification-item {
+  padding: 2px 10px;
+}
+
+.hotplug-notification-item:focus {
+  padding: 1px 71px 1px 11px;
+}
+
+.hotplug-notification-item-icon {
+  icon-size: 24px;
+  padding: 2px 5px;
+}
+
+.hotplug-resident-box {
+  spacing: 8px;
+}
+
+.hotplug-resident-mount {
+  spacing: 8px;
+  border-radius: 2px;
+}
+
+.hotplug-resident-mount:hover {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.hotplug-resident-mount:active {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+.hotplug-resident-mount-label {
+  color: inherit;
+  padding-left: 6px;
+}
+
+.hotplug-resident-mount-icon {
+  icon-size: 24px;
+  padding-left: 6px;
+}
+
+.hotplug-resident-eject-icon {
+  icon-size: 16px;
+}
+
+.hotplug-resident-eject-button {
+  padding: 7px;
+  border-radius: 2px;
+  color: #eeeeee;
+}
+
+/* Eeeky things */
+.magnifier-zoom-region {
+  border: 2px solid #338DD6;
+}
+
+.magnifier-zoom-region.full-screen {
+  border-width: 0;
+}
+
+/* On-screen Keyboard */
+.word-suggestions {
+  font-size: 11.25pt;
+  font-weight: 400;
+  spacing: 12px;
+  min-height: 40px;
+}
+
+#keyboard {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.key-container {
+  padding: 4px;
+  spacing: 4px;
+}
+
+.keyboard-key {
+  min-height: 64px;
+  min-width: 64px;
+  font-size: 2em;
+  font-weight: 500;
+  border-radius: 2px;
+  border: none;
+  color: inherit;
+  color: #fafafa;
+  background-color: #424242;
+  border-color: transparent;
+  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.keyboard-key:focus {
+  color: #eeeeee;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+
+.keyboard-key:hover, .keyboard-key:checked {
+  color: #eeeeee;
+  background-color: #424242;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.keyboard-key:active {
+  color: #eeeeee;
+  background-color: #6b6b6b;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.keyboard-key:grayed {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fefefe;
+  border-color: rgba(0, 0, 0, 0.3);
+}
+
+.keyboard-key.default-key {
+  border-color: transparent;
+  background-color: #424242;
+  background-size: 24px;
+}
+
+.keyboard-key.default-key:active {
+  background-color: #6b6b6b;
+}
+
+.keyboard-key.enter-key {
+  border-color: transparent;
+  background-color: #009688;
+  background-image: url("assets/key-enter.svg");
+}
+
+.keyboard-key.enter-key:active {
+  background-color: #3dafa4;
+}
+
+.keyboard-key.shift-key-lowercase {
+  background-image: url("assets/key-shift.svg");
+}
+
+.keyboard-key.shift-key-uppercase {
+  background-image: url("assets/key-shift-uppercase.svg");
+}
+
+.keyboard-key.shift-key-uppercase:latched {
+  background-image: url("assets/key-shift-latched-uppercase.svg");
+}
+
+.keyboard-key.hide-key {
+  background-image: url("assets/key-hide.svg");
+}
+
+.keyboard-key.layout-key {
+  background-image: url("assets/key-layout.svg");
+}
+
+.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: #303030;
+  border-radius: 2px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+}
+
+.candidate-popup-content {
+  padding: 8px;
+  spacing: 0;
+}
+
+.candidate-index {
+  padding: 0 4px 0 0;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.candidate-box:selected .candidate-index {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.candidate-box {
+  transition-duration: 0ms;
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 2px;
+}
+
+.candidate-box:hover {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: #eeeeee;
+}
+
+.candidate-box:active {
+  background-color: rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+}
+
+.candidate-box:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.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-radius: 2px;
+  border-right-width: 0;
+}
+
+.candidate-page-button-next {
+  border-radius: 2px;
+}
+
+.candidate-page-button-icon {
+  icon-size: 1.14286em;
+}
+
+/* Auth Dialogs & Screen Shield */
+.framed-user-icon {
+  background-size: contain;
+  border: none;
+  color: #fefefe;
+  border-radius: 2px;
+}
+
+.framed-user-icon:hover {
+  border-color: #fefefe;
+  color: #fefefe;
+}
+
+.login-dialog-banner-view {
+  padding-top: 24px;
+  max-width: 23em;
+}
+
+.login-dialog {
+  border: none;
+  background-color: transparent;
+}
+
+.login-dialog StEntry {
+  color: #fefefe;
+  selection-background-color: rgba(254, 254, 254, 0.3);
+  selected-color: #fefefe;
+  background-color: rgba(0, 0, 0, 0.01);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(254, 254, 254, 0.3);
+}
+
+.login-dialog StEntry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #fefefe;
+}
+
+.login-dialog StEntry:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(254, 254, 254, 0.12);
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.login-dialog .modal-dialog-button-box {
+  spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button {
+  padding: 0 16px;
+  color: rgba(254, 254, 254, 0.7);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
+  color: #fefefe;
+  background-color: rgba(254, 254, 254, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:active {
+  color: #fefefe;
+  background-color: rgba(254, 254, 254, 0.3);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:insensitive {
+  color: rgba(254, 254, 254, 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 {
+  color: #fefefe;
+  background-color: #009688;
+  border-color: transparent;
+  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
+  color: #fefefe;
+  background-color: #009688;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:default:active {
+  color: #fefefe;
+  background-color: #3dafa4;
+  border-color: transparent;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive {
+  color: rgba(254, 254, 254, 0.5);
+  background-color: rgba(254, 254, 254, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.login-dialog-logo-bin {
+  padding: 24px 0px;
+}
+
+.login-dialog-banner {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.login-dialog-button-box {
+  spacing: 5px;
+}
+
+.login-dialog-message-warning {
+  color: #bc742d;
+}
+
+.login-dialog-message-hint {
+  padding-top: 0;
+  padding-bottom: 20px;
+}
+
+.login-dialog-user-selection-box {
+  padding: 100px 0px;
+}
+
+.login-dialog-not-listed-label {
+  padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+  color: #fefefe;
+}
+
+.login-dialog-not-listed-label {
+  font-size: 1em;
+  font-weight: bold;
+  color: rgba(254, 254, 254, 0.7);
+  padding-top: 1em;
+}
+
+.login-dialog-not-listed-label:hover {
+  color: #fefefe;
+}
+
+.login-dialog-not-listed-label:focus {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+.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(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
+  background-color: rgba(254, 254, 254, 0.3);
+  color: #fefefe;
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+  border-right: 2px solid #fefefe;
+}
+
+.login-dialog-user-list-item {
+  border-radius: 2px;
+  padding: 6px;
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.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:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+.login-dialog-user-list-item:active {
+  background-color: rgba(254, 254, 254, 0.3);
+  color: #fefefe;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+  height: 2px;
+  margin-top: 6px;
+  background-color: #fefefe;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+  background-color: #fefefe;
+}
+
+.login-dialog-username,
+.user-widget-label {
+  color: #fefefe;
+  font-size: 15pt;
+  font-weight: 500;
+  text-align: left;
+  padding-left: 15px;
+}
+
+.user-widget-label:ltr {
+  padding-left: 14px;
+}
+
+.user-widget-label:rtl {
+  padding-right: 14px;
+}
+
+.login-dialog-prompt-layout {
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 8px;
+  width: 23em;
+}
+
+.login-dialog-prompt-label {
+  color: rgba(254, 254, 254, 0.5);
+  font-size: 1em;
+  padding-top: 1em;
+}
+
+.login-dialog-session-list-button StIcon {
+  icon-size: 1.25em;
+}
+
+.login-dialog-session-list-button {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
+  color: #fefefe;
+}
+
+.login-dialog-session-list-button:active {
+  color: #fefefe;
+}
+
+.screen-shield-arrows {
+  padding-bottom: 3em;
+}
+
+.screen-shield-arrows Gjs_Arrow {
+  color: white;
+  width: 80px;
+  height: 48px;
+  -arrow-thickness: 12px;
+  -arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+}
+
+.screen-shield-clock {
+  color: white;
+  text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+  font-weight: normal;
+  text-align: center;
+  padding-bottom: 1.5em;
+}
+
+.screen-shield-clock-time {
+  font-size: 112px;
+  font-weight: 300;
+  text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
+  font-feature-settings: "tnum";
+}
+
+.screen-shield-clock-date {
+  font-size: 45px;
+  font-weight: 400;
+}
+
+.screen-shield-notifications-container {
+  spacing: 6px;
+  width: 30em;
+  background-color: transparent;
+  max-height: 500px;
+}
+
+.screen-shield-notifications-container .summary-notification-stack-scrollview {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.screen-shield-notifications-container .notification,
+.screen-shield-notifications-container .screen-shield-notification-source {
+  padding: 8px;
+  border: none;
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fefefe;
+  border-radius: 2px;
+}
+
+.screen-shield-notifications-container .notification {
+  margin-right: 16px;
+}
+
+.screen-shield-notification-label {
+  min-height: 22px;
+  padding: 2px 0px 0px 16px;
+  font-weight: bold;
+}
+
+.screen-shield-notification-count-text {
+  min-height: 22px;
+  padding: 2px 0px 0px 16px;
+  color: rgba(254, 254, 254, 0.7);
+}
+
+#panel.lock-screen {
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.screen-shield-background {
+  background: black;
+  box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44);
+}
+
+#lockDialogGroup {
+  background: #010101;
+  background-size: cover;
+}
+
+#LookingGlassDialog {
+  background-color: #303030;
+  spacing: 4px;
+  padding: 0;
+  border: none;
+  border-radius: 2px;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+}
+
+#LookingGlassDialog > #Toolbar {
+  padding: 0 8px;
+  border: none;
+  border-radius: 0;
+  background-color: rgba(48, 48, 48, 0.01);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.26);
+}
+
+#LookingGlassDialog .labels {
+  spacing: 0;
+}
+
+#LookingGlassDialog .notebook-tab {
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: rgba(238, 238, 238, 0.5);
+  transition-duration: 150ms;
+  padding-left: 16px;
+  padding-right: 16px;
+  min-height: 32px;
+  padding: 0 32px;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+  box-shadow: inset 0 -2px 0px rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+  text-shadow: none;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+  border-bottom-width: 0;
+  border-color: transparent;
+  background-color: rgba(48, 48, 48, 0.01);
+  box-shadow: inset 0 -2px 0px #338DD6;
+  color: #eeeeee;
+  text-shadow: none;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+  padding: 4px;
+  spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+  spacing: 4px;
+}
+
+.lg-dialog StEntry {
+  selection-background-color: #338DD6;
+  selected-color: #fefefe;
+}
+
+.lg-dialog .shell-link {
+  color: #3d82ff;
+}
+
+.lg-dialog .shell-link:hover {
+  color: #3d82ff;
+}
+
+.lg-completions-text {
+  font-size: 1em;
+  font-style: italic;
+}
+
+.lg-obj-inspector-title {
+  spacing: 4px;
+}
+
+.lg-obj-inspector-button {
+  min-height: 32px;
+  padding: 0 16px;
+  border: none;
+  border-radius: 2px;
+  font-size: 10.5pt;
+  font-weight: 500;
+  color: rgba(238, 238, 238, 0.7);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.lg-obj-inspector-button:hover {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.12);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.lg-obj-inspector-button:active {
+  color: #eeeeee;
+  background-color: rgba(238, 238, 238, 0.3);
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.lg-obj-inspector-button:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: 0 0 transparent;
+  text-shadow: none;
+  icon-shadow: none;
+}
+
+.lg-obj-inspector-button:focus {
+  color: #eeeeee;
+  text-shadow: none;
+  icon-shadow: none;
+  box-shadow: 0 0 transparent;
+}
+
+.lg-obj-inspector-button:hover {
+  border: none;
+}
+
+#lookingGlassExtensions {
+  padding: 4px;
+}
+
+.lg-extensions-list {
+  padding: 4px;
+  spacing: 6px;
+}
+
+.lg-extension {
+  border: none;
+  border-radius: 2px;
+  padding: 4px;
+}
+
+.lg-extension-name {
+  font-size: 18pt;
+  font-weight: 400;
+}
+
+.lg-extension-meta {
+  spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+  background: #303030;
+  border: none;
+  border-radius: 2px;
+  padding: 6px;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
+}
+
+/* Dash to Dock */
+#dashtodockContainer #dash {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+#dashtodockContainer:overview #dash {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+#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 .app-well-app-running-dot {
+  background-color: transparent;
+}
+
+#dashtodockContainer .dash-item-container > StWidget {
+  background-size: cover;
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running1 {
+  background-image: url("assets/dash/left-running1.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running1.focused {
+  background-image: url("assets/dash/left-running1-focused.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running2 {
+  background-image: url("assets/dash/left-running2.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running2.focused {
+  background-image: url("assets/dash/left-running2-focused.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running3 {
+  background-image: url("assets/dash/left-running3.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running3.focused {
+  background-image: url("assets/dash/left-running3-focused.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running4 {
+  background-image: url("assets/dash/left-running4.svg");
+}
+
+#dashtodockContainer.left .dash-item-container > StWidget.running4.focused {
+  background-image: url("assets/dash/left-running4-focused.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running1 {
+  background-image: url("assets/dash/right-running1.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running1.focused {
+  background-image: url("assets/dash/right-running1-focused.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running2 {
+  background-image: url("assets/dash/right-running2.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running2.focused {
+  background-image: url("assets/dash/right-running2-focused.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running3 {
+  background-image: url("assets/dash/right-running3.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running3.focused {
+  background-image: url("assets/dash/right-running3-focused.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running4 {
+  background-image: url("assets/dash/right-running4.svg");
+}
+
+#dashtodockContainer.right .dash-item-container > StWidget.running4.focused {
+  background-image: url("assets/dash/right-running4-focused.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running1 {
+  background-image: url("assets/dash/top-running1.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running1.focused {
+  background-image: url("assets/dash/top-running1-focused.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running2 {
+  background-image: url("assets/dash/top-running2.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running2.focused {
+  background-image: url("assets/dash/top-running2-focused.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running3 {
+  background-image: url("assets/dash/top-running3.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running3.focused {
+  background-image: url("assets/dash/top-running3-focused.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running4 {
+  background-image: url("assets/dash/top-running4.svg");
+}
+
+#dashtodockContainer.top .dash-item-container > StWidget.running4.focused {
+  background-image: url("assets/dash/top-running4-focused.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running1 {
+  background-image: url("assets/dash/bottom-running1.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused {
+  background-image: url("assets/dash/bottom-running1-focused.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running2 {
+  background-image: url("assets/dash/bottom-running2.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused {
+  background-image: url("assets/dash/bottom-running2-focused.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running3 {
+  background-image: url("assets/dash/bottom-running3.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused {
+  background-image: url("assets/dash/bottom-running3-focused.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.running4 {
+  background-image: url("assets/dash/bottom-running4.svg");
+}
+
+#dashtodockContainer.bottom .dash-item-container > StWidget.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: #eeeeee;
+  selection-background-color: #338DD6;
+  selected-color: #fefefe;
+  background-color: rgba(48, 48, 48, 0.01);
+  border-color: transparent;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+}
+
+.popup-menu .search-entry:focus {
+  border-color: transparent;
+  box-shadow: inset 0 -2px #338DD6;
+  color: #eeeeee;
+}
+
+.popup-menu .search-entry .search-entry-icon {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
+  color: #eeeeee;
+}
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/message-indicator-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/message-indicator-symbolic.svg
new file mode 100644
index 0000000..a93cc63
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/message-indicator-symbolic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect x="4" y="4" width="8" height="8" ry="4"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/no-events.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/no-events.svg
new file mode 120000
index 0000000..d2fcad0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/no-events.svg
@@ -0,0 +1 @@
+assets/no-events.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/no-notifications.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/no-notifications.svg
new file mode 120000
index 0000000..175731c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/no-notifications.svg
@@ -0,0 +1 @@
+assets/no-notifications.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/noise-texture.png b/dotfiles/.themes/oomox-materia-dark/gnome-shell/noise-texture.png
new file mode 100644
index 0000000..ca1563d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/noise-texture.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gnome-shell/pad-osd.css b/dotfiles/.themes/oomox-materia-dark/gnome-shell/pad-osd.css
new file mode 100644
index 0000000..31c2377
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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/dotfiles/.themes/oomox-materia-dark/gnome-shell/process-working.svg b/dotfiles/.themes/oomox-materia-dark/gnome-shell/process-working.svg
new file mode 120000
index 0000000..a6586c3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gnome-shell/process-working.svg
@@ -0,0 +1 @@
+assets/process-working.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/apps.rc b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/apps.rc
new file mode 100644
index 0000000..530e72f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_up"
+      overlay_file    = "assets/pan-up-alt-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = NORMAL
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = ACTIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = BOX
+      state           = INSENSITIVE
+      detail          = "spinbutton_down"
+      overlay_file    = "assets/pan-down-alt-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/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/border.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/border.png
new file mode 100644
index 0000000..0a3c4af
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/border.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-active.png
new file mode 100644
index 0000000..572c3e3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-disabled.png
new file mode 100644
index 0000000..7a89e32
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-hover.png
new file mode 100644
index 0000000..dc918a9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button.png
new file mode 100644
index 0000000..f34e8fe
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/button.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-active.png
new file mode 100644
index 0000000..a420f6e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-disabled.png
new file mode 100644
index 0000000..258a832
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-hover.png
new file mode 100644
index 0000000..ff55332
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked.png
new file mode 100644
index 0000000..4f92bea
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-active.png
new file mode 100644
index 0000000..0bccd52
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-disabled.png
new file mode 100644
index 0000000..832ed6e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-hover.png
new file mode 100644
index 0000000..7a8b9e9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed.png
new file mode 100644
index 0000000..0e9d89c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-active.png
new file mode 100644
index 0000000..cc95cc5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-disabled.png
new file mode 100644
index 0000000..f1453d9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-hover.png
new file mode 100644
index 0000000..c2fdd28
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked.png
new file mode 100644
index 0000000..6793af8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/checkbox-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-active.png
new file mode 100644
index 0000000..0a98801
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-disabled.png
new file mode 100644
index 0000000..f42da19
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-hover.png
new file mode 100644
index 0000000..8d17995
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button.png
new file mode 100644
index 0000000..19e1057
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-button.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry-active.png
new file mode 100644
index 0000000..49351ba
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry-disabled.png
new file mode 100644
index 0000000..e6614d5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry.png
new file mode 100644
index 0000000..474067b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-ltr-entry.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-active.png
new file mode 100644
index 0000000..25676eb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-disabled.png
new file mode 100644
index 0000000..f263b6d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-hover.png
new file mode 100644
index 0000000..4ae2203
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button.png
new file mode 100644
index 0000000..c984f15
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-button.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry-active.png
new file mode 100644
index 0000000..0641f63
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry-disabled.png
new file mode 100644
index 0000000..dcd02ff
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry.png
new file mode 100644
index 0000000..cad5364
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/combo-rtl-entry.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-active.png
new file mode 100644
index 0000000..b1074d5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-background-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-background-disabled.png
new file mode 100644
index 0000000..4fcaa4d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-background-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-background.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-background.png
new file mode 100644
index 0000000..fd7d47f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-background.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-disabled.png
new file mode 100644
index 0000000..4916b35
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry.png
new file mode 100644
index 0000000..1bf1335
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/entry.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-active.png
new file mode 100644
index 0000000..3fbaa89
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-disabled.png
new file mode 100644
index 0000000..2e3cfdc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-hover.png
new file mode 100644
index 0000000..7a89e32
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button.png
new file mode 100644
index 0000000..2e3cfdc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/flat-button.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/focus.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/focus.png
new file mode 100644
index 0000000..28a14be
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/focus.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame-inline.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame-inline.png
new file mode 100644
index 0000000..8c7e57f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame-inline.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame-notebook.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame-notebook.png
new file mode 100644
index 0000000..825ef69
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame-notebook.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame.png
new file mode 100644
index 0000000..244499a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/frame.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz-active.png
new file mode 100644
index 0000000..86c94e4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz-hover.png
new file mode 100644
index 0000000..eb58cf9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz.png
new file mode 100644
index 0000000..2b988ac
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-horz.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert-active.png
new file mode 100644
index 0000000..4092173
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert-hover.png
new file mode 100644
index 0000000..232a2af
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert.png
new file mode 100644
index 0000000..f2ae2e8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/handle-vert.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png
new file mode 100644
index 0000000..d5d6f76
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-checked.png
new file mode 100644
index 0000000..1e34e3a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
new file mode 100644
index 0000000..8870fba
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-mixed.png
new file mode 100644
index 0000000..a8b48dd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
new file mode 100644
index 0000000..4953262
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-unchecked.png
new file mode 100644
index 0000000..9061a04
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-checkbox-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-checked-disabled.png
new file mode 100644
index 0000000..efb330f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-checked.png
new file mode 100644
index 0000000..b1f1f84
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-mixed-disabled.png
new file mode 100644
index 0000000..b6a79b9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-mixed.png
new file mode 100644
index 0000000..26ca291
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png
new file mode 100644
index 0000000..34ab593
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-unchecked.png
new file mode 100644
index 0000000..f5f95cc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/menu-radio-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry-active.png
new file mode 100644
index 0000000..ee0bfd2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry-disabled.png
new file mode 100644
index 0000000..92898db
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry.png
new file mode 100644
index 0000000..0872e55
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-ltr-entry.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry-active.png
new file mode 100644
index 0000000..328ea2d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry-disabled.png
new file mode 100644
index 0000000..1b4659c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry.png
new file mode 100644
index 0000000..5037e17
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-combo-rtl-entry.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry-active.png
new file mode 100644
index 0000000..5c952d3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry-disabled.png
new file mode 100644
index 0000000..6041aed
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry.png
new file mode 100644
index 0000000..5cc62ed
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/notebook-entry.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-alt-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-alt-disabled.png
new file mode 100644
index 0000000..62dcdf6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-alt-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-alt.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-alt.png
new file mode 100644
index 0000000..f2ec11c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-alt.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-disabled.png
new file mode 100644
index 0000000..dff2e36
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down.png
new file mode 100644
index 0000000..2ace0c6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-down.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-alt-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-alt-disabled.png
new file mode 100644
index 0000000..073964d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-alt-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-alt.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-alt.png
new file mode 100644
index 0000000..7baf21a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-alt.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-disabled.png
new file mode 100644
index 0000000..24baff4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-semi.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-semi.png
new file mode 100644
index 0000000..b641aa4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left-semi.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left.png
new file mode 100644
index 0000000..a5663e8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-left.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-alt-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-alt-disabled.png
new file mode 100644
index 0000000..689f5fb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-alt-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-alt.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-alt.png
new file mode 100644
index 0000000..02672a0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-alt.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-disabled.png
new file mode 100644
index 0000000..bf76f45
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-semi.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-semi.png
new file mode 100644
index 0000000..2313d89
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right-semi.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right.png
new file mode 100644
index 0000000..d97888f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-right.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-alt-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-alt-disabled.png
new file mode 100644
index 0000000..908d0ab
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-alt-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-alt.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-alt.png
new file mode 100644
index 0000000..9494a4c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-alt.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-disabled.png
new file mode 100644
index 0000000..faa1bc8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up.png
new file mode 100644
index 0000000..43f7b5b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/pan-up.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/progressbar-progress.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/progressbar-progress.png
new file mode 100644
index 0000000..c553af8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/progressbar-progress.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/progressbar-trough.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/progressbar-trough.png
new file mode 100644
index 0000000..194792c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/progressbar-trough.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-active.png
new file mode 100644
index 0000000..8f6040c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-disabled.png
new file mode 100644
index 0000000..b1a8f06
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-hover.png
new file mode 100644
index 0000000..8af5e3b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked.png
new file mode 100644
index 0000000..dd1bd6d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-active.png
new file mode 100644
index 0000000..a5b5c11
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-disabled.png
new file mode 100644
index 0000000..75da869
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-hover.png
new file mode 100644
index 0000000..8093a0d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed.png
new file mode 100644
index 0000000..adc2460
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-active.png
new file mode 100644
index 0000000..1966c83
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-disabled.png
new file mode 100644
index 0000000..7a084c0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-hover.png
new file mode 100644
index 0000000..9f21a59
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked.png
new file mode 100644
index 0000000..3eaa832
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/radio-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough-active.png
new file mode 100644
index 0000000..5e4e08b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough-disabled.png
new file mode 100644
index 0000000..0cbbb3a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough.png
new file mode 100644
index 0000000..48fa548
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-horz-trough.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-active.png
new file mode 100644
index 0000000..5d40a99
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-disabled.png
new file mode 100644
index 0000000..373b64b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-hover.png
new file mode 100644
index 0000000..e716819
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider.png
new file mode 100644
index 0000000..f6c748a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough-active.png
new file mode 100644
index 0000000..d1439ae
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough-disabled.png
new file mode 100644
index 0000000..fb4008f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough.png
new file mode 100644
index 0000000..9916e10
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scale-vert-trough.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-active.png
new file mode 100644
index 0000000..857b828
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
new file mode 100644
index 0000000..1a322d2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png
new file mode 100644
index 0000000..8de550e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider.png
new file mode 100644
index 0000000..4459ee9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-trough.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-trough.png
new file mode 100644
index 0000000..5c077f7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-horz-trough.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
new file mode 100644
index 0000000..3747a4a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
new file mode 100644
index 0000000..3049aae
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
new file mode 100644
index 0000000..d9f5012
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
new file mode 100644
index 0000000..407f681
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
new file mode 100644
index 0000000..5cdb658
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
new file mode 100644
index 0000000..47ce212
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
new file mode 100644
index 0000000..1c92b3d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
new file mode 100644
index 0000000..0707f87
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
new file mode 100644
index 0000000..2dc40cf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
new file mode 100644
index 0000000..7745831
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-active.png
new file mode 100644
index 0000000..37f33e9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-disabled.png
new file mode 100644
index 0000000..ece1823
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-hover.png
new file mode 100644
index 0000000..245ddf8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down.png
new file mode 100644
index 0000000..994f833
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-down.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-active.png
new file mode 100644
index 0000000..dd6ecb5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-disabled.png
new file mode 100644
index 0000000..f24fb8d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-hover.png
new file mode 100644
index 0000000..fbd9495
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up.png
new file mode 100644
index 0000000..57b4786
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-ltr-up.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-active.png
new file mode 100644
index 0000000..f617ca4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-disabled.png
new file mode 100644
index 0000000..91dc539
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-hover.png
new file mode 100644
index 0000000..d6bce89
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down.png
new file mode 100644
index 0000000..1bd8c8b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-down.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-active.png
new file mode 100644
index 0000000..0f4e6e3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-disabled.png
new file mode 100644
index 0000000..ab46d61
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-hover.png
new file mode 100644
index 0000000..ff3073c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up.png
new file mode 100644
index 0000000..99bbf69
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/spin-rtl-up.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/tab.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/tab.png
new file mode 100644
index 0000000..1c7ba9c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/tab.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button-active.png
new file mode 100644
index 0000000..d140acf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button-hover.png
new file mode 100644
index 0000000..a8df6d0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button.png
new file mode 100644
index 0000000..eb69a31
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-ltr-button.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button-active.png
new file mode 100644
index 0000000..e91cbf4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button-hover.png
new file mode 100644
index 0000000..948c333
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button.png b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button.png
new file mode 100644
index 0000000..1e5a056
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/assets/treeview-rtl-button.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-2.0/gtkrc b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/gtkrc
new file mode 100644
index 0000000..40996f9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/gtkrc
@@ -0,0 +1,34 @@
+# 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 oomox-materia-dark. 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 = "text_color:#eeeeee\nbase_color:#303030"
+# Foreground/background
+gtk-color-scheme = "fg_color:#eeeeee\nbg_color:#212121"
+# Selected foreground/background
+gtk-color-scheme = "selected_fg_color:#eeeeee\nselected_bg_color:#338DD6"
+# Titlebar foreground/background
+gtk-color-scheme = "titlebar_fg_color:#eeeeee\ntitlebar_bg_color:#212121"
+# Tooltips foreground/background
+gtk-color-scheme = "tooltip_fg_color:#eeeeee\ntooltip_bg_color:#616161"
+# Links
+gtk-color-scheme = "link_color:#338DD6\nvisited_link_color:#E040FB"
+
+# 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/dotfiles/.themes/oomox-materia-dark/gtk-2.0/hacks.rc b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/hacks.rc
new file mode 100644
index 0000000..96eb088
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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 gtk2 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/dotfiles/.themes/oomox-materia-dark/gtk-2.0/main.rc b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/main.rc
new file mode 100644
index 0000000..49130c4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-2.0/main.rc
@@ -0,0 +1,2781 @@
+# 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 = 1
+  ythickness = 1
+
+  ####################
+  # Style Properties #
+  ####################
+
+  GtkWidget::focus-padding      = 0
+  GtkWidget::focus-line-width   = 2
+  GtkWidget::focus-line-pattern = "\2\1"
+
+  GtkToolbar::space-size       = 5 # 1 + 2*2 (separator + margins)
+  GtkToolbar::internal-padding = 2
+  GtkToolButton::icon-spacing  = 4
+
+  GtkWidget::tooltip-radius    = 2
+  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   = 3
+
+  GtkButton::child-displacement-y = 0
+
+  GtkButton::default-border         = {0, 0, 0, 0}
+  GtkButton::default-outside-border = {0, 0, 0, 0}
+  GtkButton::inner-border           = {4, 4, 4, 4}
+
+  GtkEntry::state-hint   = 1
+  GtkEntry::inner-border = {4, 4, 4, 4}
+
+  GtkPaned::handle-size  = 8
+  GtkHPaned::handle-size = 8
+  GtkVPaned::handle-size = 8
+
+  GtkScrollbar::trough-border = 0
+  GtkRange::trough-border     = 0
+  GtkRange::slider-width      = 17
+  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            = 32 # 24 + 2*4 (margins)
+  GtkScrolledWindow::scrollbar-spacing       = 0
+  GtkScrolledWindow::scrollbars-within-bevel = 1
+
+  GtkScale::slider_length       = 24
+  GtkScale::slider_width        = 24
+  GtkScale::trough-side-details = 1
+
+  GtkProgressBar::min-horizontal-bar-height = 4
+  GtkProgressBar::min-vertical-bar-width    = 4
+  GtkProgressBar::xspacing                  = 4
+  GtkProgressBar::yspacing                  = 4
+
+  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    = 4
+  GtkMenu::double-arrows       = 0
+  GtkMenuItem::arrow-scaling   = 1
+  GtkMenuItem::toggle-spacing  = 12
+
+  GtkCheckButton::indicator-size    = 24
+  GtkCheckButton::indicator_spacing = 2
+  GtkOptionMenu::indicator_spacing  = {10, 10, 6, 6}
+
+  GtkTreeView::expander-size        = 16
+  GtkTreeView::vertical-separator   = 0
+  GtkTreeView::horizontal-separator = 4
+  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 = 16
+
+  GtkNotebook::tab-overlap = 0
+
+  ##########
+  # Colors #
+  ##########
+
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[SELECTED]    = @selected_bg_color
+  bg[INSENSITIVE] = @bg_color
+  bg[ACTIVE]      = @bg_color
+
+  fg[NORMAL]      = @fg_color
+  fg[PRELIGHT]    = @fg_color
+  fg[SELECTED]    = @selected_fg_color
+  fg[INSENSITIVE] = mix (0.4, @fg_color, @bg_color)
+  fg[ACTIVE]      = @fg_color
+
+  text[NORMAL]      = @text_color
+  text[PRELIGHT]    = @text_color
+  text[SELECTED]    = @selected_fg_color
+  text[INSENSITIVE] = mix (0.4, @text_color, @base_color)
+  text[ACTIVE]      = @selected_fg_color
+
+  base[NORMAL]      = @base_color
+  base[PRELIGHT]    = mix (0.05, @text_color, @base_color)
+  base[SELECTED]    = @selected_bg_color
+  base[INSENSITIVE] = mix (0.5, @base_color, @bg_color)
+  base[ACTIVE]      = @selected_bg_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-alt.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-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = UP
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.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-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = DOWN
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-left-alt.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-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = LEFT
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-right-alt.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-alt-disabled.png"
+      overlay_stretch = FALSE
+      arrow_direction = RIGHT
+    }
+
+    ######################
+    # Option Menu Arrows #
+    ######################
+
+    image {
+      function        = TAB
+      state           = NORMAL
+      overlay_file    = "assets/pan-down-alt.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-alt-disabled.png"
+      overlay_stretch = FALSE
+    }
+
+    #########
+    # Lines #
+    #########
+
+    image {
+      function = VLINE
+      file     = "assets/border.png"
+      border   = {1, 0, 0, 0}
+    }
+
+    image {
+      function = HLINE
+      file     = "assets/border.png"
+      border   = {0, 0, 1, 0}
+    }
+
+    #########
+    # Focus #
+    #########
+
+    image {
+      function = FOCUS
+      file     = "assets/focus.png"
+      border   = {2, 2, 2, 2}
+      stretch  = TRUE
+    }
+
+    ###########
+    # Handles #
+    ###########
+
+    image {
+      function        = HANDLE
+      detail          = "handlebox"
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+    }
+
+    image {
+      function        = HANDLE
+      state           = NORMAL
+      overlay_file    = "assets/handle-horz.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = PRELIGHT
+      overlay_file    = "assets/handle-horz-hover.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = ACTIVE
+      overlay_file    = "assets/handle-horz-active.png"
+      overlay_stretch = FALSE
+      orientation     = HORIZONTAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = NORMAL
+      overlay_file    = "assets/handle-vert.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = PRELIGHT
+      overlay_file    = "assets/handle-vert-hover.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function        = HANDLE
+      state           = ACTIVE
+      overlay_file    = "assets/handle-vert-active.png"
+      overlay_stretch = FALSE
+      orientation     = VERTICAL
+    }
+
+    image {
+      function = RESIZE_GRIP
+    }
+
+    #############
+    # Expanders #
+    #############
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = NORMAL
+      file           = "assets/pan-down-alt.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = PRELIGHT
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = ACTIVE
+      file           = "assets/pan-down.png"
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = EXPANDED
+      state          = INSENSITIVE
+      file           = "assets/pan-down-alt-disabled.png"
+    }
+
+    # LTR
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = NORMAL
+      file           = "assets/pan-right-alt.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-right.png"
+      direction      = LTR
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-right-alt-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-alt.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = PRELIGHT
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = ACTIVE
+      file           = "assets/pan-left.png"
+      direction      = RTL
+    }
+
+    image {
+      function       = EXPANDER
+      expander_style = COLLAPSED
+      state          = INSENSITIVE
+      file           = "assets/pan-left-alt-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, 1, 0, 0}
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = RIGHT
+    }
+
+    # Right
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {1, 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, 1}
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      gap_side = BOTTOM
+    }
+
+    # Down
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "assets/tab.png"
+      border   = {0, 0, 1, 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     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {1, 0, 0, 0}
+      gap_side   = LEFT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 1, 0, 0}
+      gap_side   = RIGHT
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 1, 0}
+      gap_side   = TOP
+    }
+
+    image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "assets/frame-notebook.png"
+      border     = {1, 1, 1, 1}
+      stretch    = TRUE
+      gap_file   = "assets/tab.png"
+      gap_border = {0, 0, 0, 1}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "assets/frame-notebook.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+
+    ##############
+    # Scrollbars #
+    ##############
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-horz-trough.png"
+      border      = {0, 0, 1, 0}
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-ltr-trough.png"
+      border      = {1, 0, 0, 0}
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough"
+      file        = "assets/scrollbar-vert-rtl-trough.png"
+      border      = {0, 1, 0, 0}
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    # Horizontal sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-hover.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-active.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-horz-slider-disabled.png"
+      border      = {8, 8, 9, 8 }
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    # Vertical sliders
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-hover.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-active.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-ltr-slider-disabled.png"
+      border      = {9, 8, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = LTR
+    }
+
+    # RTL
+
+    image {
+      function    = SLIDER
+      state       = NORMAL
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = PRELIGHT
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-hover.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = ACTIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-active.png"
+      border      = {8, 9, 8, 8}
+      stretch     = TRUE
+      orientation = VERTICAL
+      direction   = RTL
+    }
+
+    image {
+      function    = SLIDER
+      state       = INSENSITIVE
+      detail      = "slider"
+      file        = "assets/scrollbar-vert-rtl-slider-disabled.png"
+      border      = {8, 9, 8, 8}
+      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      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough-disabled.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-disabled.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+      orientation = HORIZONTAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough-disabled.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+      orientation = VERTICAL
+    }
+
+    image {
+      function    = BOX
+      state       = INSENSITIVE
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-disabled.png"
+      border      = {0, 0, 6, 6}
+      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, 1}
+    # }
+
+    #########
+    # 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, 1}
+    }
+
+    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, 1, 0}
+    }
+
+    ###########
+    # Entries #
+    ###########
+
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/entry-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/entry-disabled.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/entry.png"
+      border   = {8, 8, 8, 8}
+      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, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-ltr-up-hover.png"
+      border          = {0, 8, 8, 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, 8, 8, 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, 8, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt-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          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_up"
+      file            = "assets/spin-rtl-up-hover.png"
+      border          = {8, 0, 8, 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          = {8, 0, 8, 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          = {8, 0, 8, 0}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-up-alt-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, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      direction       = LTR
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-ltr-down-hover.png"
+      border          = {0, 8, 0, 8}
+      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, 8, 0, 8}
+      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, 8, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt-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          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt.png"
+      overlay_stretch = FALSE
+      direction       = RTL
+    }
+
+    image {
+      function        = BOX
+      state           = PRELIGHT
+      detail          = "spinbutton_down"
+      file            = "assets/spin-rtl-down-hover.png"
+      border          = {8, 0, 0, 8}
+      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          = {8, 0, 0, 8}
+      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          = {8, 0, 0, 8}
+      stretch         = TRUE
+      overlay_file    = "assets/pan-down-alt-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.15, @titlebar_fg_color, @titlebar_bg_color)
+  fg[SELECTED]    = @titlebar_fg_color
+}
+
+style "menubar_item" {
+  xthickness = 3
+  ythickness = 4
+
+  fg[NORMAL]      = mix(0.7, @titlebar_fg_color, @titlebar_bg_color)
+  bg[PRELIGHT]    = mix(0.15, @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]      = @base_color
+  bg[INSENSITIVE] = @base_color
+  bg[PRELIGHT]    = @base_color
+  bg[SELECTED]    = mix(0.15, @fg_color, @base_color)
+}
+
+style "menu_item" {
+  xthickness = 4
+  ythickness = 4
+
+  bg[PRELIGHT]   = mix(0.15, @fg_color, @base_color)
+  fg[PRELIGHT]   = @fg_color
+  # Chromium uses this setting
+  bg[SELECTED]   = mix(0.15, @fg_color, @base_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 = 2
+
+  engine "pixmap" {
+    image {
+      function = BOX
+      file     = "assets/border.png"
+      border   = {0, 0, 0, 1}
+    }
+  }
+}
+
+style "button_label" {
+  fg[NORMAL] = mix(0.75, @fg_color, @bg_color)
+  # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+style "checkbutton_label" {
+  fg[NORMAL] = @fg_color
+  # fg[INSENSITIVE] = mix(0.4, @fg_color, @bg_color)
+
+  font_name = "Regular"
+}
+
+style "button" {
+  xthickness = 4
+  ythickness = 4
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+
+    ###########
+    # Buttons #
+    ###########
+
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/button.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/button-hover.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      file     = "assets/button-disabled.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "link_button" {
+  # Disable the button effect, leave just the link
+  engine "pixmap" {
+    image {
+      function = BOX
+    }
+  }
+}
+
+style "entry" {
+  # We set this same as the border of the border of the entry
+  # This way there's no overlap
+  xthickness = 6
+  ythickness = 6
+}
+
+style "combobox" {
+  xthickness = 6
+  ythickness = 6
+
+  # This affects only the button beside an entry
+  GtkButton::inner-border = {0, 0, 0, 0}
+}
+
+style "combobox_cellview" {
+  text[NORMAL] = mix(0.75, @fg_color, @bg_color)
+  # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color)
+
+  font_name = "Medium"
+}
+
+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, 2, 0, 0}
+
+  engine "pixmap" {
+
+    #############
+    # LTR entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-ltr-entry.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-ltr-entry-active.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-ltr-entry-disabled.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    #############
+    # RTL entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/combo-rtl-entry.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/combo-rtl-entry-active.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/combo-rtl-entry-disabled.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    ##############
+    # LTR button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-ltr-button.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-ltr-button-hover.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-ltr-button-active.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-ltr-button-disabled.png"
+      border    = {0, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    ##############
+    # RTL button #
+    ##############
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      detail    = "button"
+      file      = "assets/combo-rtl-button.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      detail    = "button"
+      file      = "assets/combo-rtl-button-hover.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      detail    = "button"
+      file      = "assets/combo-rtl-button-active.png"
+      border    = {8, 0, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = INSENSITIVE
+      detail    = "button"
+      file      = "assets/combo-rtl-button-disabled.png"
+      border    = {8, 0, 8, 8}
+      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 = {3, 6, 3, 3}
+}
+
+style "notebook" {
+  xthickness = 3
+  ythickness = 3
+}
+
+style "notebook_tab_label" {
+  fg[ACTIVE] = mix(0.75, @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" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/notebook-entry-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/notebook-entry-disabled.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/notebook-entry.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "normal_bg" {
+  bg[NORMAL]      = @bg_color
+  bg[PRELIGHT]    = @bg_color
+  bg[INSENSITIVE] = @bg_color
+}
+
+style "normal_entry" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      state    = ACTIVE
+      detail   = "entry"
+      file     = "assets/entry-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      state    = INSENSITIVE
+      detail   = "entry"
+      file     = "assets/entry-disabled.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = SHADOW
+      detail   = "entry"
+      file     = "assets/entry.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "notebook_combo" {
+  engine "pixmap" {
+
+    #############
+    # LTR entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/notebook-combo-ltr-entry.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-ltr-entry-active.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-ltr-entry-disabled.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    #############
+    # RTL entry #
+    #############
+
+    image {
+      function  = SHADOW
+      state     = NORMAL
+      detail    = "entry"
+      file      = "assets/notebook-combo-rtl-entry.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = ACTIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-rtl-entry-active.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = SHADOW
+      state     = INSENSITIVE
+      detail    = "entry"
+      file      = "assets/notebook-combo-rtl-entry-disabled.png"
+      border    = {8, 8, 8, 8}
+      stretch   = TRUE
+      direction = RTL
+    }
+  }
+}
+
+style "textview" {
+  bg[NORMAL] = @base_color
+}
+
+style "scale_horz" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-horz-trough.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-horz-trough-active.png"
+      border      = {6, 6, 0, 0}
+      stretch     = TRUE
+    }
+  }
+}
+
+style "scale_vert" {
+  engine "pixmap" {
+    image {
+      function    = BOX
+      detail      = "trough-upper"
+      file        = "assets/scale-vert-trough.png"
+      border      = {0, 0, 6, 6}
+      stretch     = TRUE
+    }
+
+    image {
+      function    = BOX
+      detail      = "trough-lower"
+      file        = "assets/scale-vert-trough-active.png"
+      border      = {0, 0, 6, 6}
+      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 = 2
+  ythickness = 2
+
+  fg[NORMAL]   = mix(0.75, @fg_color, @base_color)
+  fg[PRELIGHT] = @fg_color
+
+  font_name = "Medium"
+
+  GtkButton::inner-border = {4, 4, 0, 2}
+
+  engine "pixmap" {
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-ltr-button.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-ltr-button-hover.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-ltr-button-active.png"
+      border    = {0, 1, 0, 1}
+      stretch   = TRUE
+      direction = LTR
+    }
+
+    image {
+      function  = BOX
+      state     = NORMAL
+      file      = "assets/treeview-rtl-button.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = PRELIGHT
+      file      = "assets/treeview-rtl-button-hover.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function  = BOX
+      state     = ACTIVE
+      file      = "assets/treeview-rtl-button-active.png"
+      border    = {1, 0, 0, 1}
+      stretch   = TRUE
+      direction = RTL
+    }
+
+    image {
+      function        = ARROW
+      state           = NORMAL
+      overlay_file    = "assets/pan-up-alt.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-alt.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   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "frame" {
+  engine "pixmap" {
+    image {
+      function = SHADOW
+      shadow   = NONE
+    }
+
+    image {
+      function = SHADOW
+      file     = "assets/frame.png"
+      border   = {1, 1, 1, 1}
+      stretch  = TRUE
+    }
+
+    image {
+      function       = SHADOW_GAP
+      file           = "assets/frame.png"
+      border         = {1, 1, 1, 1}
+      stretch        = TRUE
+      gap_start_file = "assets/border.png"
+      gap_end_file   = "assets/border.png"
+    }
+  }
+}
+
+style "tool_button" {
+  GtkButton::inner-border = {2, 2, 2, 2}
+
+  # For the sake of sanity style buttons this way
+  engine "pixmap" {
+    image {
+      function = BOX
+      state    = NORMAL
+      file     = "assets/flat-button.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = OUT
+      file     = "assets/flat-button-hover.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    # Don't add hover effect on pressed buttons
+    image {
+      function = BOX
+      state    = PRELIGHT
+      shadow   = IN
+      file     = "assets/flat-button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = ACTIVE
+      file     = "assets/flat-button-active.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = OUT
+      file     = "assets/flat-button-disabled.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+
+    image {
+      function = BOX
+      state    = INSENSITIVE
+      shadow   = IN
+      file     = "assets/button-disabled.png"
+      border   = {8, 8, 8, 8}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "toolbar_separator" {
+  GtkWidget::wide-separators  = 1
+  GtkWidget::separator-width  = 1
+  GtkWidget::separator-height = 1
+
+  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   = {1, 1, 0, 1}
+      stretch  = TRUE
+    }
+  }
+}
+
+style "tooltip" {
+  xthickness = 8
+  ythickness = 8
+
+  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"
+
+# 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"
+widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*"                  style "notebook_combo"
+widget_class "*<GtkNotebook>*<GtkCombo>*"                          style "notebook_combo"
+
+# 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"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*"    style "combobox_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkCombo>*"            style "combobox_entry"
+widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkCombo>.<GtkButton>" style "combo_button_padding"
+
+# Button labels
+widget_class "*<GtkButton>*<GtkLabel>"                             style "button_label"
+
+# Checkbutton labels
+widget_class "*<GtkCheckButton>.<GtkLabel>"                        style "checkbutton_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/dotfiles/.themes/oomox-materia-dark/gtk-3.0/assets b/dotfiles/.themes/oomox-materia-dark/gtk-3.0/assets
new file mode 120000
index 0000000..ac77667
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-3.0/assets
@@ -0,0 +1 @@
+../gtk-assets
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-3.0/gtk.css b/dotfiles/.themes/oomox-materia-dark/gtk-3.0/gtk.css
new file mode 100644
index 0000000..72498a4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-3.0/gtk.css
@@ -0,0 +1,3267 @@
+@keyframes ripple_effect {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, transparent);
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.12));
+  }
+}
+
+@keyframes flat_ripple_effect {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.12));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.12));
+  }
+}
+
+@keyframes list_ripple_effect {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, transparent);
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, transparent);
+  }
+}
+
+* {
+  padding: 0;
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 4;
+  -GtkTextView-error-underline-color: #d8645a;
+  -GtkCheckButton-indicator-size: 24;
+  -GtkCheckMenuItem-indicator-size: 16;
+  -GtkScrolledWindow-scrollbar-spacing: 0;
+  -GtkScrolledWindow-scrollbars-within-bevel: 1;
+  -GtkToolItemGroup-expander-size: 11;
+  -GtkExpander-expander-size: 16;
+  -GtkTreeView-expander-size: 11;
+  -GtkTreeView-horizontal-separator: 4;
+  -GtkMenu-horizontal-padding: 0;
+  -GtkMenu-vertical-padding: 0;
+  -GtkWidget-link-color: #3d82ff;
+  -GtkWidget-visited-link-color: #c366cf;
+  -GtkWidget-focus-padding: 2;
+  -GtkWidget-focus-line-width: 1;
+  -GtkWidget-text-handle-width: 20;
+  -GtkWidget-text-handle-height: 20;
+  -GtkDialog-button-spacing: 4;
+  -GtkDialog-action-area-border: 0;
+  -GtkStatusbar-shadow-type: none;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: alpha(currentColor, 0.24);
+  outline-offset: -4px;
+  outline-radius: 4px;
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #212121;
+  color: #eeeeee;
+}
+
+/*
+   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.
+*/
+*:insensitive {
+  -gtk-image-effect: dim;
+}
+
+.gtkstyle-fallback {
+  background-color: #212121;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:prelight {
+  background-color: #141414;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #080808;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:insensitive {
+  background-color: #212121;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.view {
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+.view:hover, .view:active, .view:selected, GtkCalendar:selected {
+  border-radius: 4px;
+}
+
+.view:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
+  border: 1px solid #53adf6;
+  background-color: rgba(83, 173, 246, 0.3);
+}
+
+.label.separator {
+  color: #eeeeee;
+}
+
+.label:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.dim-label, .label.separator, .titlebar .subtitle,
+.header-bar .subtitle {
+  opacity: 0.6;
+}
+
+GtkAssistant .sidebar {
+  padding: 6px 0;
+}
+
+GtkAssistant .sidebar:dir(ltr) {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+GtkAssistant .sidebar:dir(rtl) {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+GtkAssistant .sidebar .label {
+  opacity: 0.5;
+  padding: 5px 12px 6px;
+  font-weight: 500;
+}
+
+GtkAssistant .sidebar .label.highlight {
+  opacity: 1;
+}
+
+GtkTextView {
+  background-color: #2a2a2a;
+}
+
+.grid-child {
+  padding: 4px;
+  border-radius: 4px;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+
+.spinner {
+  background-color: blue;
+  background-image: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+.spinner:active {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+.spinner:active:insensitive {
+  opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+.entry {
+  padding: 7px 8px 8px;
+  border-radius: 4px;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+.entry:focus {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.entry:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  background-color: #2a2a2a;
+}
+
+.entry.flat, .notebook GtkGrid > .entry {
+  border-radius: 0;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#338DD6), to(transparent)) 0 0 0/0 0 0px;
+  border-radius: 0;
+  box-shadow: inset 0 -1px alpha(currentColor, 0.24);
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+.entry.flat:focus, .notebook GtkGrid > .entry:focus {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#338DD6), to(transparent)) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -2px #338DD6;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 250ms;
+}
+
+.entry.flat:insensitive, .notebook GtkGrid > .entry:insensitive {
+  box-shadow: inset 0 -1px alpha(currentColor, 0.24);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.entry.image.left {
+  padding-left: 2px;
+}
+
+.entry.image.right {
+  padding-right: 2px;
+}
+
+.entry.progressbar, GtkTreeView.view.progressbar, GtkTreeView.view.trough {
+  margin: 2px;
+  border-style: none none solid;
+  border-width: 2px;
+  border-color: #338DD6;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+}
+
+.linked > .entry.flat, .notebook GtkGrid.linked > .entry,
+.linked.vertical > .entry.flat,
+.notebook GtkGrid.linked.vertical > .entry {
+  border-radius: 0;
+}
+
+.entry.error {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+.entry.error:focus {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.entry.error:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  background-color: #2a2a2a;
+}
+
+.entry.error.flat, .notebook GtkGrid > .error.entry {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#d8645a), to(transparent)) 0 0 0/0 0 0px;
+  border-radius: 0;
+  box-shadow: inset 0 -1px #d8645a;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+.entry.error.flat:focus, .notebook GtkGrid > .error.entry:focus {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#d8645a), to(transparent)) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -2px #d8645a;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 250ms;
+}
+
+.entry.error.flat:insensitive, .notebook GtkGrid > .error.entry:insensitive {
+  box-shadow: inset 0 -1px alpha(currentColor, 0.24);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.entry.warning {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #bc742d;
+  color: #fefefe;
+}
+
+.entry.warning:focus {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.entry.warning:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  background-color: #2a2a2a;
+}
+
+.entry.warning.flat, .notebook GtkGrid > .warning.entry {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#bc742d), to(transparent)) 0 0 0/0 0 0px;
+  border-radius: 0;
+  box-shadow: inset 0 -1px #bc742d;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+.entry.warning.flat:focus, .notebook GtkGrid > .warning.entry:focus {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#bc742d), to(transparent)) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -2px #bc742d;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0 250ms;
+}
+
+.entry.warning.flat:insensitive, .notebook GtkGrid > .warning.entry:insensitive {
+  box-shadow: inset 0 -1px alpha(currentColor, 0.24);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.entry.image:not(:hover):not(:active) {
+  color: alpha(currentColor, 0.7);
+}
+
+.entry.image:insensitive {
+  color: alpha(currentColor, 0.5);
+}
+
+GtkTreeView .entry:not(:selected), GtkTreeView .entry:not(:selected):focus {
+  padding: 2px;
+  border-image: none;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #303030;
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent));
+  }
+}
+
+
+.button {
+  padding: 7px 10px 8px;
+  border-radius: 4px;
+  background-repeat: no-repeat;
+  background-position: center, center;
+  background-size: 90px 90px, auto;
+  font-weight: 500;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #424242;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, transparent);
+  color: #fafafa;
+}
+
+
+.button:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, transparent);
+  color: #eeeeee;
+}
+
+
+.button:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  color: #eeeeee;
+}
+
+
+.button:insensitive {
+  box-shadow: none;
+  background-color: alpha(currentColor, 0.24);
+  color: rgba(238, 238, 238, 0.3);
+}
+
+
+.button:insensitive > .label {
+  color: inherit;
+}
+
+
+.button:checked {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+
+.button:checked:insensitive {
+  background-color: rgba(51, 141, 214, 0.3);
+  color: rgba(51, 141, 214, 0.5);
+}
+
+
+.button:checked:insensitive > .label {
+  color: inherit;
+}
+
+.spinbutton .button, .popover .linked > .button, .notebook tab .button, GtkCalendar.button, .message-dialog.csd .dialog-action-area .button, .sidebar-button.button, .toolbar:not(.search-bar) .button, .titlebar .button:not(.suggested-action):not(.destructive-action),
+.header-bar .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:not(.suggested-action):not(.destructive-action), .app-notification .button,
+.app-notification.frame .button,
+.button.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: none;
+  background-color: transparent;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, transparent);
+  color: alpha(currentColor, 0.7);
+}
+
+.spinbutton .button:hover, .popover .linked > .button:hover, .notebook tab .button:hover, GtkCalendar.button:hover, .message-dialog.csd .dialog-action-area .button:hover, .sidebar-button.button:hover, .toolbar:not(.search-bar) .button:hover, .titlebar .button:hover:not(.suggested-action):not(.destructive-action),
+.header-bar .button:hover:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:hover:not(.suggested-action):not(.destructive-action), .app-notification .button:hover,
+.button.flat:hover {
+  box-shadow: none;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.12));
+  color: currentColor;
+}
+
+.spinbutton .button:active, .popover .linked > .button:active, .notebook tab .button:active, GtkCalendar.button:active, .message-dialog.csd .dialog-action-area .button:active, .sidebar-button.button:active, .toolbar:not(.search-bar) .button:active, .titlebar .button:active:not(.suggested-action):not(.destructive-action),
+.header-bar .button:active:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:active:not(.suggested-action):not(.destructive-action), .app-notification .button:active,
+.button.flat:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-image 0;
+  animation: flat_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: none;
+  color: currentColor;
+}
+
+.spinbutton .button:insensitive, .popover .linked > .button:insensitive, .notebook tab .button:insensitive, GtkCalendar.button:insensitive, .message-dialog.csd .dialog-action-area .button:insensitive, .sidebar-button.button:insensitive, .toolbar:not(.search-bar) .button:insensitive, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action),
+.header-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:insensitive,
+.button.flat:insensitive {
+  box-shadow: none;
+  background-color: transparent;
+  color: alpha(currentColor, 0.3);
+}
+
+.spinbutton .button:insensitive > .label, .popover .linked > .button:insensitive > .label, .notebook tab .button:insensitive > .label, GtkCalendar.button:insensitive > .label, .message-dialog.csd .dialog-action-area .button:insensitive > .label, .sidebar-button.button:insensitive > .label, .toolbar:not(.search-bar) .button:insensitive > .label, .titlebar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:insensitive > .label,
+.button.flat:insensitive > .label {
+  color: inherit;
+}
+
+.toolbar:not(.search-bar) .button:checked, .titlebar .button:checked:not(.suggested-action):not(.destructive-action),
+.header-bar .button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:not(.suggested-action):not(.destructive-action), .app-notification .button:checked,
+.button.flat:checked {
+  background-color: alpha(currentColor, 0.24);
+  color: currentColor;
+}
+
+.toolbar:not(.search-bar) .button:checked:insensitive, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action),
+.header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .button:checked:insensitive,
+.button.flat:checked:insensitive {
+  background-color: alpha(currentColor, 0.24);
+  color: alpha(currentColor, 0.5);
+}
+
+.toolbar:not(.search-bar) .button:checked:insensitive > .label, .titlebar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .button:checked:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .button:checked:insensitive > .label,
+.button.flat:checked:insensitive > .label {
+  color: inherit;
+}
+
+
+.button.osd.image-button {
+  padding: 16px;
+  background-size: 60px 60px, auto;
+}
+
+
+.button.osd:insensitive {
+  opacity: 0;
+}
+
+
+.button.suggested-action {
+  background-color: #009688;
+  color: #fefefe;
+}
+
+
+.button.suggested-action:insensitive {
+  box-shadow: none;
+  background-color: alpha(currentColor, 0.24);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+.button.suggested-action:insensitive > .label {
+  color: inherit;
+}
+
+
+.button.suggested-action:checked {
+  background-color: #4cb5ab;
+}
+
+.toolbar:not(.search-bar) .suggested-action.button, .titlebar .suggested-action.button:not(.suggested-action):not(.destructive-action),
+.header-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button,
+.button.suggested-action.flat {
+  background-color: transparent;
+  color: #009688;
+}
+
+.toolbar:not(.search-bar) .suggested-action.button:insensitive, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action),
+.header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:insensitive,
+.button.suggested-action.flat:insensitive {
+  box-shadow: none;
+  background-color: transparent;
+  color: alpha(currentColor, 0.5);
+}
+
+.toolbar:not(.search-bar) .suggested-action.button:insensitive > .label, .titlebar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .suggested-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .suggested-action.button:insensitive > .label,
+.button.suggested-action.flat:insensitive > .label {
+  color: inherit;
+}
+
+.toolbar:not(.search-bar) .suggested-action.button:checked, .titlebar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action),
+.header-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .suggested-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .suggested-action.button:checked,
+.button.suggested-action.flat:checked {
+  background-color: alpha(currentColor, 0.24);
+}
+
+
+.button.destructive-action {
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+
+.button.destructive-action:insensitive {
+  box-shadow: none;
+  background-color: alpha(currentColor, 0.24);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+.button.destructive-action:insensitive > .label {
+  color: inherit;
+}
+
+
+.button.destructive-action:checked {
+  background-color: #e3928b;
+}
+
+.toolbar:not(.search-bar) .destructive-action.button, .titlebar .destructive-action.button:not(.suggested-action):not(.destructive-action),
+.header-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button,
+.button.destructive-action.flat {
+  background-color: transparent;
+  color: #d8645a;
+}
+
+.toolbar:not(.search-bar) .destructive-action.button:insensitive, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action),
+.header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:insensitive,
+.button.destructive-action.flat:insensitive {
+  box-shadow: none;
+  background-color: transparent;
+  color: alpha(currentColor, 0.5);
+}
+
+.toolbar:not(.search-bar) .destructive-action.button:insensitive > .label, .titlebar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .header-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .frame.action-bar .destructive-action.button:insensitive:not(.suggested-action):not(.destructive-action) > .label, .app-notification .destructive-action.button:insensitive > .label,
+.button.destructive-action.flat:insensitive > .label {
+  color: inherit;
+}
+
+.toolbar:not(.search-bar) .destructive-action.button:checked, .titlebar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action),
+.header-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .frame.action-bar .destructive-action.button:checked:not(.suggested-action):not(.destructive-action), .app-notification .destructive-action.button:checked,
+.button.destructive-action.flat:checked {
+  background-color: alpha(currentColor, 0.24);
+}
+
+
+.button.text-button,
+GtkScaleButton.button.text-button,
+GtkVolumeButton.button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+.button.text-button.image-button {
+  padding: 7px 10px 8px;
+  outline-radius: 4px;
+  border-radius: 4px;
+  background-size: 90px 90px, auto;
+}
+
+
+.button.text-button.image-button .label:first-child {
+  padding-left: 6px;
+}
+
+
+.button.text-button.image-button .label:last-child {
+  padding-right: 6px;
+}
+
+.stack-switcher >
+.button {
+  outline-offset: -4px;
+}
+
+.stack-switcher >
+.button > .label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.stack-switcher >
+.button > GtkImage {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.stack-switcher > .button.text-button {
+  padding: 7px 10px 8px;
+}
+
+.stack-switcher >
+.button.image-button {
+  padding: 7px 4px;
+}
+
+.stack-switcher >
+.button.needs-attention:checked > .label,
+.stack-switcher >
+.button.needs-attention:checked > GtkImage {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar
+.button {
+  icon-shadow: none;
+}
+
+.toolbar:not(.search-bar) .linked > .button, .titlebar .linked > .button:not(.suggested-action):not(.destructive-action),
+.header-bar .linked > .button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .button,
+.toolbar:not(.search-bar) .linked.vertical > .button,
+.titlebar .linked.vertical > .button:not(.suggested-action):not(.destructive-action),
+.header-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action),
+.frame.action-bar .linked.vertical > .button:not(.suggested-action):not(.destructive-action),
+.app-notification .linked.vertical > .button, .linked >
+.button.flat,
+.linked.vertical >
+.button.flat {
+  border-radius: 4px;
+}
+
+.toolbar:not(.search-bar) .linked > .image-button.button, .titlebar .linked > .image-button.button:not(.suggested-action):not(.destructive-action),
+.header-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .image-button.button,
+.toolbar:not(.search-bar) .linked.vertical > .image-button.button,
+.titlebar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action),
+.header-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action),
+.frame.action-bar .linked.vertical > .image-button.button:not(.suggested-action):not(.destructive-action),
+.app-notification .linked.vertical > .image-button.button, .linked >
+.button.flat.image-button,
+.linked.vertical >
+.button.flat.image-button {
+  outline-radius: 9999px;
+  border-radius: 9999px;
+}
+
+.toolbar:not(.search-bar) .linked > .text-button.image-button.button, .titlebar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
+.header-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .frame.action-bar .linked > .text-button.image-button.button:not(.suggested-action):not(.destructive-action), .app-notification .linked > .text-button.image-button.button,
+.toolbar:not(.search-bar) .linked.vertical > .text-button.image-button.button,
+.titlebar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
+.header-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
+.frame.action-bar .linked.vertical > .text-button.image-button.button:not(.suggested-action):not(.destructive-action),
+.app-notification .linked.vertical > .text-button.image-button.button, .linked > .button.flat.text-button.image-button,
+.linked.vertical > .button.flat.text-button.image-button {
+  outline-radius: 4px;
+  border-radius: 4px;
+}
+
+
+.button.image-button, .inline-toolbar .button, .spinbutton .button, .notebook tab .button, GtkScaleButton.button,
+GtkVolumeButton.button, .header-bar .button.titlebutton,
+.titlebar .button.titlebutton, .nautilus-circular-button {
+  padding: 10px;
+  outline-radius: 100px;
+  border-radius: 100px;
+  background-size: 45px 45px, auto;
+}
+
+.stack-switcher > .button.needs-attention > .label,
+.stack-switcher > .button.needs-attention > GtkImage, .sidebar-item.needs-attention > .label {
+  animation: needs_attention 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+.stack-switcher > .button.needs-attention > .label:dir(rtl),
+.stack-switcher > .button.needs-attention > GtkImage:dir(rtl), .sidebar-item.needs-attention > .label:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked > .entry, .linked > .button, .linked > GtkComboBox > .the-button-in-the-combobox:dir(ltr), .linked > GtkComboBox > .the-button-in-the-combobox:dir(rtl),
+.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(ltr),
+.linked > GtkComboBoxText > .the-button-in-the-combobox:dir(rtl) {
+  outline-radius: 4px;
+  border-radius: 0;
+}
+
+.linked > .entry:first-child, .linked > .button:first-child, .linked > GtkComboBox:first-child > .the-button-in-the-combobox,
+.linked > GtkComboBoxText:first-child > .the-button-in-the-combobox {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.linked > .entry:last-child, .linked > .button:last-child, .linked > GtkComboBox:last-child > .the-button-in-the-combobox,
+.linked > GtkComboBoxText:last-child > .the-button-in-the-combobox {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.linked > .entry:only-child, .linked > .button:only-child, .linked > GtkComboBox:only-child > .the-button-in-the-combobox,
+.linked > GtkComboBoxText:only-child > .the-button-in-the-combobox {
+  border-radius: 4px;
+}
+
+.linked.vertical > .entry, .linked.vertical > .button, .linked.vertical > GtkComboBoxText > .the-button-in-the-combobox,
+.linked.vertical > GtkComboBox > .the-button-in-the-combobox {
+  outline-radius: 4px;
+  border-radius: 0;
+}
+
+.linked.vertical > .entry:first-child, .linked.vertical > .button:first-child, .linked.vertical > GtkComboBoxText:first-child > .the-button-in-the-combobox,
+.linked.vertical > GtkComboBox:first-child > .the-button-in-the-combobox {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.linked.vertical > .entry:last-child, .linked.vertical > .button:last-child, .linked.vertical > GtkComboBoxText:last-child > .the-button-in-the-combobox,
+.linked.vertical > GtkComboBox:last-child > .the-button-in-the-combobox {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.linked.vertical > .entry:only-child, .linked.vertical > .button:only-child, .linked.vertical > GtkComboBoxText:only-child > .the-button-in-the-combobox,
+.linked.vertical > GtkComboBox:only-child > .the-button-in-the-combobox {
+  border-radius: 4px;
+}
+
+/* menu buttons */
+GtkColorButton.button {
+  padding: 7px 8px 8px;
+}
+
+GtkColorButton.button GtkColorSwatch:first-child:last-child {
+  border-radius: 4px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+/*********
+ * Links *
+ *********/
+*:link, .button:link, .button:visited {
+  color: #3d82ff;
+}
+
+*:link:hover, .button:hover:link, .button:hover:visited, *:link:active, .button:active:link, .button:active:visited {
+  color: #3d82ff;
+}
+
+*:link:visited, .button:visited {
+  color: #c366cf;
+}
+
+*:link:visited:hover, .button:visited:hover, *:link:visited:active, .button:visited:active {
+  color: #c366cf;
+}
+
+*:selected *:link:visited, *:selected .button:visited {
+  color: #add1ee;
+}
+
+*:link:selected, .button:selected:link, .button:selected:visited, .titlebar.selection-mode .subtitle:link,
+.header-bar.selection-mode .subtitle:link, *:selected *:link, *:selected .button:link, *:selected .button:visited {
+  color: #d5e7f6;
+}
+
+.button:link > .label, .button:visited > .label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+.spinbutton .button {
+  padding: 4px;
+  border: solid 6px transparent;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.spinbutton .button:hover, .spinbutton .button:active {
+  color: #eeeeee;
+}
+
+.spinbutton .button:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+.spinbutton .button:active {
+  background-color: alpha(currentColor, 0.24);
+}
+
+.spinbutton.vertical .button {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border: none;
+}
+
+.spinbutton.vertical .button:first-child {
+  border-radius: 4px 4px 0 0;
+}
+
+.spinbutton.vertical .button:last-child {
+  border-radius: 0 0 4px 4px;
+}
+
+/**************
+ * ComboBoxes *
+ **************/
+GtkComboBox {
+  -GtkComboBox-arrow-scaling: 0.5;
+  -GtkComboBox-shadow-type: none;
+}
+
+GtkComboBox > .the-button-in-the-combobox {
+  padding: 5px 6px 6px;
+}
+
+GtkComboBox .menu {
+  padding: 2px 0;
+}
+
+GtkComboBox .menu .menuitem {
+  padding: 5px 6px 6px;
+}
+
+GtkComboBox .separator.vertical {
+  -GtkWidget-wide-separators: true;
+}
+
+GtkComboBox.combobox-entry .entry:dir(ltr) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+GtkComboBox.combobox-entry .entry:dir(rtl) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+GtkComboBox.combobox-entry .button {
+  padding: 10px;
+}
+
+GtkComboBox.combobox-entry .button:dir(ltr) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+GtkComboBox.combobox-entry .button:dir(rtl) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+/************
+ * Toolbars *
+ ************/
+.toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 4px;
+  background-color: #212121;
+}
+
+.osd .toolbar, .toolbar.osd, .app-notification,
+.app-notification.frame {
+  transition: border-image 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-style: solid;
+  border-width: 8px;
+  border-image: -gtk-scaled(url("assets/box-shadow-dark.png"), url("assets/box-shadow-dark@2.png")) 10/10px stretch;
+  border-radius: 4px;
+  background-color: #303030;
+}
+
+.osd .toolbar:backdrop, .toolbar.osd:backdrop, .app-notification:backdrop {
+  border-image: -gtk-scaled(url("assets/box-shadow-backdrop-dark.png"), url("assets/box-shadow-backdrop-dark@2.png")) 10/10px stretch;
+}
+
+.inline-toolbar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #2a2a2a;
+}
+
+.search-bar, .location-bar {
+  padding: 6px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+  background-clip: border-box;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar,
+.header-bar {
+  transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 6px;
+  border-radius: 4px 4px 0 0;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+  color: #e0e0e0;
+}
+
+.titlebar:backdrop,
+.header-bar:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar .title,
+.header-bar .title {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  padding-left: 12px;
+  padding-right: 12px;
+  font-weight: bold;
+}
+
+.titlebar .subtitle,
+.header-bar .subtitle {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  padding-left: 12px;
+  padding-right: 12px;
+  font-size: smaller;
+}
+
+.titlebar .header-bar-separator,
+.titlebar > GtkBox > .separator.vertical,
+.header-bar .header-bar-separator,
+.header-bar > GtkBox > .separator.vertical {
+  -GtkWidget-wide-separators: true;
+  -GtkWidget-separator-width: 1px;
+  border-style: solid;
+  border-width: 0 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.titlebar .button:not(.suggested-action):not(.destructive-action),
+.header-bar .button:not(.suggested-action):not(.destructive-action) {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(currentColor), to(transparent)) 0 0 0/0 0 0px;
+}
+
+.titlebar .button:not(.suggested-action):not(.destructive-action):checked,
+.header-bar .button:not(.suggested-action):not(.destructive-action):checked {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(currentColor), to(transparent)) 0 0 2/0 0 2px;
+}
+
+.titlebar .button:not(.suggested-action):not(.destructive-action):checked, .titlebar .button:not(.suggested-action):not(.destructive-action):checked:insensitive,
+.header-bar .button:not(.suggested-action):not(.destructive-action):checked,
+.header-bar .button:not(.suggested-action):not(.destructive-action):checked:insensitive {
+  background-color: transparent;
+}
+
+.titlebar .button.suggested-action:insensitive, .titlebar .button.destructive-action:insensitive,
+.header-bar .button.suggested-action:insensitive,
+.header-bar .button.destructive-action:insensitive {
+  color: alpha(currentColor, 0.5);
+}
+
+.titlebar .button.suggested-action:insensitive > .label, .titlebar .button.destructive-action:insensitive > .label,
+.header-bar .button.suggested-action:insensitive > .label,
+.header-bar .button.destructive-action:insensitive > .label {
+  color: inherit;
+}
+
+.titlebar.selection-mode,
+.header-bar.selection-mode {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.titlebar.selection-mode:backdrop,
+.header-bar.selection-mode:backdrop {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.titlebar.selection-mode .button,
+.header-bar.selection-mode .button {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.001, to(#fefefe), to(transparent)) 0 0 0/0 0 0px;
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.titlebar.selection-mode .button:hover, .titlebar.selection-mode .button:active, .titlebar.selection-mode .button:checked,
+.header-bar.selection-mode .button:hover,
+.header-bar.selection-mode .button:active,
+.header-bar.selection-mode .button:checked {
+  color: #fefefe;
+}
+
+.titlebar.selection-mode .button:checked,
+.header-bar.selection-mode .button:checked {
+  border-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#fefefe), to(transparent)) 0 0 2/0 0 2px;
+  color: #fefefe;
+}
+
+.titlebar.selection-mode .button:checked:insensitive,
+.header-bar.selection-mode .button:checked:insensitive {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.titlebar.selection-mode .button:checked:insensitive > .label,
+.header-bar.selection-mode .button:checked:insensitive > .label {
+  color: inherit;
+}
+
+.titlebar.selection-mode .button.suggested-action,
+.header-bar.selection-mode .button.suggested-action {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #424242;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, transparent);
+  color: #fafafa;
+}
+
+.titlebar.selection-mode .button.suggested-action:hover,
+.header-bar.selection-mode .button.suggested-action:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, transparent);
+  color: #eeeeee;
+}
+
+.titlebar.selection-mode .button.suggested-action:active,
+.header-bar.selection-mode .button.suggested-action:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  color: #eeeeee;
+}
+
+.titlebar.selection-mode .button.suggested-action:insensitive,
+.header-bar.selection-mode .button.suggested-action:insensitive {
+  box-shadow: none;
+  background-color: alpha(currentColor, 0.24);
+  color: rgba(238, 238, 238, 0.3);
+}
+
+.titlebar.selection-mode .button.suggested-action:insensitive > .label,
+.header-bar.selection-mode .button.suggested-action:insensitive > .label {
+  color: inherit;
+}
+
+.titlebar.selection-mode .selection-menu,
+.header-bar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.titlebar.selection-mode .selection-menu GtkArrow,
+.header-bar.selection-mode .selection-menu GtkArrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.titlebar.selection-mode .selection-menu .arrow,
+.header-bar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar, .maximized .titlebar, .tiled
+.header-bar, .maximized
+.header-bar {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.titlebar.default-decoration,
+.header-bar.default-decoration {
+  padding: 6px;
+  border-width: 0;
+}
+
+.titlebar.default-decoration .button,
+.header-bar.default-decoration .button {
+  padding: 4px;
+}
+
+/************
+ * Pathbars *
+ ************/
+.path-bar .button {
+  padding: 7px 6px 8px;
+}
+
+.path-bar .button .label:last-child {
+  padding-left: 2px;
+}
+
+.path-bar .button .label:first-child {
+  padding-right: 2px;
+}
+
+.path-bar .button GtkImage {
+  padding-top: 1px;
+}
+
+.path-bar .button GtkImage:only-child {
+  padding-right: 4px;
+  padding-left: 4px;
+}
+
+/**************
+ * Tree Views *
+ **************/
+GtkTreeView.view {
+  -GtkTreeView-grid-line-width: 1;
+  -GtkTreeView-grid-line-pattern: '';
+  -GtkTreeView-tree-line-width: 1;
+  -GtkTreeView-tree-line-pattern: '';
+  -GtkTreeView-expander-size: 16;
+  border-left-color: alpha(currentColor, 0.24);
+  border-top-color: rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+}
+
+GtkTreeView.view:hover, GtkTreeView.view:active, GtkTreeView.view:selected {
+  border-radius: 0;
+}
+
+GtkTreeView.view.dnd {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #91bee2;
+}
+
+GtkTreeView.view.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+GtkTreeView.view.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+GtkTreeView.view.expander:checked {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+GtkTreeView.view.expander:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+GtkTreeView.view.expander:selected:hover, GtkTreeView.view.expander:selected:active {
+  color: #fefefe;
+}
+
+GtkTreeView.view.progressbar {
+  border-width: 4px;
+}
+
+GtkTreeView.view.progressbar:selected {
+  border-color: currentColor;
+}
+
+GtkTreeView.view.trough {
+  border-width: 4px;
+  border-color: rgba(51, 141, 214, 0.3);
+}
+
+GtkTreeView.view.trough:selected {
+  border-color: alpha(currentColor, 0.24);
+}
+
+column-header .button {
+  padding: 3px 6px 4px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #303030;
+}
+
+column-header .button:hover, column-header .button:active {
+  box-shadow: none;
+}
+
+column-header .button:insensitive {
+  background-color: #303030;
+}
+
+column-header:last-child .button, column-header:last-child.button {
+  border-right-style: none;
+}
+
+column-header.button.dnd, column-header .button.dnd {
+  border-left-style: solid;
+  background-clip: border-box;
+  color: #338DD6;
+}
+
+/*********
+ * Menus *
+ *********/
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  background-color: #212121;
+}
+
+.menubar > .menuitem {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 4px 8px;
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.menubar > .menuitem:hover {
+  transition: none;
+  background-color: rgba(224, 224, 224, 0.12);
+  color: #e0e0e0;
+}
+
+.menubar > .menuitem:insensitive {
+  color: rgba(224, 224, 224, 0.3);
+  box-shadow: none;
+}
+
+.menu {
+  margin: 4px 0;
+  padding: 4px 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.csd .menu {
+  border: none;
+  border-radius: 4px;
+}
+
+.menu .menuitem {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 3px 4px 4px;
+  font: initial;
+  text-shadow: none;
+}
+
+.menu .menuitem:hover {
+  transition: none;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.menu .menuitem:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.menu .menuitem.arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+.menu .menuitem.arrow:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+.menu.button {
+  border-style: none;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.menu.button.top {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.menu.button.bottom {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.menu.button:hover {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.menu.button:insensitive {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.menuitem .accelerator {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.csd.popup {
+  border-radius: 4px;
+}
+
+/***************
+ * Popovers   *
+ ***************/
+.popover {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 2px;
+  border: 1px solid;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
+  border-radius: 5px;
+  background-color: #303030;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.popover:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.popover > .list,
+.popover > .view,
+.popover > .toolbar,
+.popover.osd > .toolbar {
+  border-style: none;
+  border-image: none;
+  background-color: transparent;
+}
+
+.popover .button.flat {
+  padding: 5px 8px 6px;
+  background-color: transparent;
+  background-size: 160px 160px, auto;
+  color: #eeeeee;
+  font: initial;
+}
+
+.popover .linked > .button {
+  border-radius: 4px;
+}
+
+.popover .linked > .button:checked {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.popover .linked > .button.image-button {
+  padding: 8px;
+  background-size: 90px 90px, auto;
+}
+
+/*****************
+ * Notebooks and *
+ * Tabs          *
+ *****************/
+.notebook {
+  padding: 0;
+  background-color: #303030;
+  -GtkNotebook-initial-gap: 8;
+  -GtkNotebook-arrow-spacing: 5;
+  -GtkNotebook-tab-curvature: 0;
+  -GtkNotebook-tab-overlap: 1;
+  -GtkNotebook-has-tab-gap: false;
+  -GtkWidget-focus-padding: 0;
+  -GtkWidget-focus-line-width: 0;
+}
+
+.notebook.frame {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.notebook.frame.top {
+  border-top-width: 0;
+}
+
+.notebook.frame.bottom {
+  border-bottom-width: 0;
+}
+
+.notebook.frame.right {
+  border-right-width: 0;
+}
+
+.notebook.frame.left {
+  border-left-width: 0;
+}
+
+.notebook.header {
+  background-color: #212121;
+}
+
+.notebook.header.frame {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.notebook.header.frame.top {
+  border-bottom-width: 0;
+}
+
+.notebook.header.frame.bottom {
+  border-top-width: 0;
+}
+
+.notebook.header.frame.right {
+  border-left-width: 0;
+}
+
+.notebook.header.frame.left {
+  border-right-width: 0;
+}
+
+.notebook.header.top {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
+}
+
+.notebook.header.bottom {
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.26);
+}
+
+.notebook.header.right {
+  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.26);
+}
+
+.notebook.header.left {
+  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.26);
+}
+
+.notebook tab {
+  border-width: 0;
+  border-style: solid;
+  border-color: transparent;
+  background-color: transparent;
+  outline-offset: 0;
+  /* works for testnotebookdnd, but there's a superfluous border
+       in gedit or web, commented out for now, needs gtk fixes
+    &.reorderable-page {
+      &.top {
+        padding-top: ($vt_vpadding - 1px);
+        border-top-width: 1px;
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.bottom {
+        padding-bottom: ($vt_vpadding - 1px);
+        border-bottom-width: 1px;
+        border-left-width: 1px;
+        border-right-width: 1px;
+      }
+      &.left {
+        padding-left: ($ht_hpadding - 1px);
+        border-left-width: 1px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+      }
+      &.right {
+        padding-right: ($ht_hpadding - 1px);
+        border-right-width: 1px;
+        border-top-width: 1px;
+        border-bottom-width: 1px;
+      }
+    }
+    */
+}
+
+.notebook tab.top, .notebook tab.bottom {
+  padding: 8px 12px;
+}
+
+.notebook tab.left, .notebook tab.right {
+  padding: 8px 12px;
+}
+
+.notebook tab.reorderable-page {
+  -GtkNotebook-tab-overlap: 1;
+}
+
+.notebook tab.reorderable-page.top, .notebook tab.reorderable-page.bottom {
+  padding-left: 12px;
+  padding-right: 12px;
+  border-left-width: 1px;
+  border-right-width: 1px;
+}
+
+.notebook tab.reorderable-page.left, .notebook tab.reorderable-page.right {
+  border-bottom-width: 1px;
+  border-top-width: 1px;
+}
+
+.notebook tab.top:hover, .notebook tab.top.prelight-page {
+  box-shadow: inset 0 -2px alpha(currentColor, 0.24);
+}
+
+.notebook tab.top:active, .notebook tab.top.active-page {
+  box-shadow: inset 0 -2px #338DD6;
+}
+
+.notebook tab.bottom:hover, .notebook tab.bottom.prelight-page {
+  box-shadow: inset 0 2px alpha(currentColor, 0.24);
+}
+
+.notebook tab.bottom:active, .notebook tab.bottom.active-page {
+  box-shadow: inset 0 2px #338DD6;
+}
+
+.notebook tab.left:hover, .notebook tab.left.prelight-page {
+  box-shadow: inset -2px 0 alpha(currentColor, 0.24);
+}
+
+.notebook tab.left:active, .notebook tab.left.active-page {
+  box-shadow: inset -2px 0 #338DD6;
+}
+
+.notebook tab.right:hover, .notebook tab.right.prelight-page {
+  box-shadow: inset 2px 0 alpha(currentColor, 0.24);
+}
+
+.notebook tab.right:active, .notebook tab.right.active-page {
+  box-shadow: inset 2px 0 #338DD6;
+}
+
+.notebook tab.reorderable-page.top {
+  border-color: transparent;
+}
+
+.notebook tab.reorderable-page.top:hover, .notebook tab.reorderable-page.top.prelight-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-bottom-width: 0;
+  border-bottom-color: transparent;
+  background-color: #2a2a2a;
+}
+
+.notebook tab.reorderable-page.top:active, .notebook tab.reorderable-page.top.active-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-bottom-width: 0;
+  border-bottom-color: transparent;
+  background-color: #303030;
+}
+
+.notebook tab.reorderable-page.bottom {
+  border-color: transparent;
+}
+
+.notebook tab.reorderable-page.bottom:hover, .notebook tab.reorderable-page.bottom.prelight-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-top-width: 0;
+  border-top-color: transparent;
+  background-color: #2a2a2a;
+}
+
+.notebook tab.reorderable-page.bottom:active, .notebook tab.reorderable-page.bottom.active-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-top-width: 0;
+  border-top-color: transparent;
+  background-color: #303030;
+}
+
+.notebook tab.reorderable-page.left {
+  border-color: transparent;
+}
+
+.notebook tab.reorderable-page.left:hover, .notebook tab.reorderable-page.left.prelight-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-right-width: 0;
+  border-right-color: transparent;
+  background-color: #2a2a2a;
+}
+
+.notebook tab.reorderable-page.left:active, .notebook tab.reorderable-page.left.active-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-right-width: 0;
+  border-right-color: transparent;
+  background-color: #303030;
+}
+
+.notebook tab.reorderable-page.right {
+  border-color: transparent;
+}
+
+.notebook tab.reorderable-page.right:hover, .notebook tab.reorderable-page.right.prelight-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-left-width: 0;
+  border-left-color: transparent;
+  background-color: #2a2a2a;
+}
+
+.notebook tab.reorderable-page.right:active, .notebook tab.reorderable-page.right.active-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  border-left-width: 0;
+  border-left-color: transparent;
+  background-color: #303030;
+}
+
+.notebook tab .label {
+  padding: 0 2px;
+  font-weight: 500;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.notebook tab .prelight-page .label, .notebook tab .label.prelight-page {
+  color: #eeeeee;
+}
+
+.notebook tab .active-page .label, .notebook tab .label.active-page {
+  color: #eeeeee;
+}
+
+.notebook tab .button {
+  padding: 0;
+  background-size: 30px 30px, auto;
+}
+
+.notebook tab .button > GtkImage {
+  padding: 4px;
+}
+
+.notebook.arrow:not(:hover):not(:active) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.notebook.arrow:insensitive {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+/**************
+ * Scrollbars *
+ **************/
+.scrollbar {
+  -GtkRange-slider-width: 17px;
+  -GtkRange-trough-border: 0;
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+  -GtkScrollbar-min-slider-length: 32px;
+  -GtkRange-stepper-spacing: 0;
+  -GtkRange-trough-under-steppers: 1;
+}
+
+.scrollbar .button {
+  border: none;
+}
+
+.scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
+  -GtkRange-slider-width: 12px;
+}
+
+.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .slider {
+  margin: 3px;
+  border: 1px solid rgba(48, 48, 48, 0.3);
+}
+
+.scrollbar.overlay-indicator:not(.dragging):not(.hovering) .trough {
+  border-style: none;
+  background-color: transparent;
+}
+
+.scrollbar.overlay-indicator.dragging .trough, .scrollbar.overlay-indicator.hovering .trough {
+  background-color: rgba(48, 48, 48, 0.9);
+}
+
+.scrollbar .trough {
+  border: 1px none rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+  background-clip: border-box;
+}
+
+.scrollbar .slider {
+  background-color: rgba(238, 238, 238, 0.5);
+}
+
+.scrollbar .slider:hover {
+  background-color: rgba(238, 238, 238, 0.7);
+}
+
+.scrollbar .slider:active {
+  background-color: #eeeeee;
+}
+
+.scrollbar .slider:insensitive {
+  opacity: 0.5;
+}
+
+.scrollbar .slider {
+  border-radius: 100px;
+  margin: 4px;
+}
+
+.scrollbar.fine-tune .slider {
+  margin: 6px;
+}
+
+.scrollbar.vertical .slider {
+  margin-left: 5px;
+}
+
+.scrollbar.vertical .slider:dir(rtl) {
+  margin-left: 4px;
+  margin-right: 5px;
+}
+
+.scrollbar.vertical.fine-tune .slider {
+  margin-left: 7px;
+}
+
+.scrollbar.vertical.fine-tune .slider:dir(rtl) {
+  margin-left: 6px;
+  margin-right: 7px;
+}
+
+.scrollbar.vertical .trough {
+  border-left-style: solid;
+}
+
+.scrollbar.vertical .trough:dir(rtl) {
+  border-left-style: none;
+  border-right-style: solid;
+}
+
+.scrollbar.horizontal .slider {
+  margin-top: 5px;
+}
+
+.scrollbar.horizontal.fine-tune .slider {
+  margin-top: 7px;
+}
+
+.scrollbar.horizontal .trough {
+  border-top-style: solid;
+}
+
+.scrollbars-junction,
+.scrollbars-junction.frame {
+  border-style: solid none none solid;
+  background-color: #303030;
+}
+
+.scrollbars-junction:dir(rtl),
+.scrollbars-junction.frame:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+/**********
+ * Switch *
+ **********/
+GtkSwitch {
+  -GtkSwitch-slider-width: 20px;
+  -GtkSwitch-slider-height: 20px;
+  outline-offset: -4px;
+  outline-radius: 100px;
+  font-size: 0;
+}
+
+GtkSwitch.trough {
+  border: 8px solid transparent;
+  border-radius: 100px;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+GtkSwitch.trough:insensitive {
+  color: rgba(238, 238, 238, 0.12);
+}
+
+GtkSwitch.trough:active {
+  background-color: rgba(0, 150, 136, 0.5);
+}
+
+GtkSwitch.trough:active:insensitive {
+  background-color: rgba(0, 150, 136, 0.3);
+}
+
+GtkSwitch.slider {
+  padding: 5px 4px;
+  border-radius: 100px;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+GtkSwitch.slider:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+GtkSwitch.slider:active {
+  background-color: #009688;
+}
+
+GtkSwitch.slider:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  background-color: #2a2a2a;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.check {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png"));
+}
+
+.check:hover {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover-dark.png"), url("assets/checkbox-unchecked-hover-dark@2.png"));
+}
+
+.check:active {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-active-dark.png"), url("assets/checkbox-unchecked-active-dark@2.png"));
+}
+
+.check:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-disabled-dark.png"), url("assets/checkbox-unchecked-disabled-dark@2.png"));
+}
+
+.check:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png"));
+}
+
+.check:inconsistent:hover {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-hover-dark.png"), url("assets/checkbox-mixed-hover-dark@2.png"));
+}
+
+.check:inconsistent:active {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-active-dark.png"), url("assets/checkbox-mixed-active-dark@2.png"));
+}
+
+.check:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-disabled-dark.png"), url("assets/checkbox-mixed-disabled-dark@2.png"));
+}
+
+.check:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png"));
+}
+
+.check:checked:hover {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-dark.png"), url("assets/checkbox-checked-hover-dark@2.png"));
+}
+
+.check:checked:active {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-dark.png"), url("assets/checkbox-checked-active-dark@2.png"));
+}
+
+.check:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-disabled-dark.png"), url("assets/checkbox-checked-disabled-dark@2.png"));
+}
+
+.menu .menuitem.check {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-dark.png"), url("assets/menu-checkbox-unchecked-dark@2.png"));
+}
+
+.menu .menuitem.check:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-unchecked-disabled-dark.png"), url("assets/menu-checkbox-unchecked-disabled-dark@2.png"));
+}
+
+.menu .menuitem.check:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-dark.png"), url("assets/menu-checkbox-mixed-dark@2.png"));
+}
+
+.menu .menuitem.check:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-mixed-disabled-dark.png"), url("assets/menu-checkbox-mixed-disabled-dark@2.png"));
+}
+
+.menu .menuitem.check:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-dark.png"), url("assets/menu-checkbox-checked-dark@2.png"));
+}
+
+.menu .menuitem.check:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-checkbox-checked-disabled-dark.png"), url("assets/menu-checkbox-checked-disabled-dark@2.png"));
+}
+
+.radio {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png"));
+}
+
+.radio:hover {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-hover-dark.png"), url("assets/radio-unchecked-hover-dark@2.png"));
+}
+
+.radio:active {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-active-dark.png"), url("assets/radio-unchecked-active-dark@2.png"));
+}
+
+.radio:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-disabled-dark.png"), url("assets/radio-unchecked-disabled-dark@2.png"));
+}
+
+.radio:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png"));
+}
+
+.radio:inconsistent:hover {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-hover-dark.png"), url("assets/radio-mixed-hover-dark@2.png"));
+}
+
+.radio:inconsistent:active {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-active-dark.png"), url("assets/radio-mixed-active-dark@2.png"));
+}
+
+.radio:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-disabled-dark.png"), url("assets/radio-mixed-disabled-dark@2.png"));
+}
+
+.radio:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png"));
+}
+
+.radio:checked:hover {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-hover-dark.png"), url("assets/radio-checked-hover-dark@2.png"));
+}
+
+.radio:checked:active {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-active-dark.png"), url("assets/radio-checked-active-dark@2.png"));
+}
+
+.radio:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-disabled-dark.png"), url("assets/radio-checked-disabled-dark@2.png"));
+}
+
+.menu .menuitem.radio {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-dark.png"), url("assets/menu-radio-unchecked-dark@2.png"));
+}
+
+.menu .menuitem.radio:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-unchecked-disabled-dark.png"), url("assets/menu-radio-unchecked-disabled-dark@2.png"));
+}
+
+.menu .menuitem.radio:inconsistent {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-dark.png"), url("assets/menu-radio-mixed-dark@2.png"));
+}
+
+.menu .menuitem.radio:inconsistent:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-mixed-disabled-dark.png"), url("assets/menu-radio-mixed-disabled-dark@2.png"));
+}
+
+.menu .menuitem.radio:checked {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-dark.png"), url("assets/menu-radio-checked-dark@2.png"));
+}
+
+.menu .menuitem.radio:checked:insensitive {
+  -gtk-icon-source: -gtk-scaled(url("assets/menu-radio-checked-disabled-dark.png"), url("assets/menu-radio-checked-disabled-dark@2.png"));
+}
+
+.view.content-view.check:not(.list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
+  background-color: transparent;
+  icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.view.content-view.check:not(.list):hover, .view.content-view.check:not(.list):active {
+  icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.view.content-view.check:checked:not(.list) {
+  -gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
+  background-color: transparent;
+  icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.view.content-view.check:checked:not(.list):hover, .view.content-view.check:checked:not(.list):active {
+  icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+GtkCheckButton.text-button, GtkRadioButton.text-button {
+  padding: 2px 4px;
+  outline-offset: 0;
+}
+
+/************
+ * GtkScale *
+ ************/
+.scale,
+.scale.scale-has-marks-above.scale-has-marks-below,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 20;
+  -GtkRange-trough-border: 2;
+  outline-offset: -8px;
+  outline-radius: 100px;
+}
+
+.scale.fine-tune.slider,
+.scale.scale-has-marks-above.scale-has-marks-below.fine-tune.slider,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.fine-tune.slider {
+  background-size: 60%;
+}
+
+.scale.slider.slider,
+.scale.scale-has-marks-above.scale-has-marks-below.slider.slider,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 70%;
+  box-shadow: none;
+}
+
+.scale.slider.slider:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider.slider:insensitive {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 70%;
+  box-shadow: none;
+}
+
+.scale.slider:hover,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:hover,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover {
+  background-size: 80%;
+}
+
+.scale.slider:active,
+.scale.scale-has-marks-above.scale-has-marks-below.slider:active,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:active {
+  background-size: 90%;
+}
+
+.scale.trough,
+.scale.scale-has-marks-above.scale-has-marks-below.trough,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough {
+  margin: 11px 12px;
+  background-color: alpha(currentColor, 0.24);
+}
+
+.scale.trough.highlight,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight {
+  background-color: #009688;
+}
+
+.scale.trough.highlight:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive {
+  background-color: alpha(currentColor, 0.24);
+}
+
+.scale.trough:insensitive,
+.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.scale.trough.vertical,
+.scale.scale-has-marks-above.scale-has-marks-below.trough.vertical,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.vertical {
+  margin: 12px 11px;
+}
+
+.scale.separator,
+.scale.scale-has-marks-above.scale-has-marks-below.separator,
+.scale.vertical.scale-has-marks-above.scale-has-marks-below.separator {
+  color: alpha(currentColor, 0.24);
+}
+
+.scale.scale-has-marks-below {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 25;
+  -GtkRange-trough-border: 2;
+}
+
+.scale.scale-has-marks-below.slider {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.scale-has-marks-below.slider:insensitive {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  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"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.scale-has-marks-above {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 25;
+  -GtkRange-trough-border: 2;
+}
+
+.scale.scale-has-marks-above.slider {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.scale-has-marks-above.slider:insensitive {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  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"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.vertical.scale-has-marks-below {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 25;
+  -GtkRange-trough-border: 2;
+}
+
+.scale.vertical.scale-has-marks-below.slider {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.vertical.scale-has-marks-below.slider:insensitive {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  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"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.vertical.scale-has-marks-above {
+  -GtkScale-slider-length: 20;
+  -GtkRange-slider-width: 25;
+  -GtkRange-trough-border: 2;
+}
+
+.scale.vertical.scale-has-marks-above.slider {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.vertical.scale-has-marks-above.slider:insensitive {
+  border-style: none;
+  border-radius: 0;
+  background-color: transparent;
+  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"));
+  background-repeat: no-repeat;
+  background-position: center;
+  box-shadow: none;
+}
+
+.scale.scale-has-marks-above .trough {
+  margin: 16px 12px 11px;
+}
+
+.scale.scale-has-marks-below .trough {
+  margin: 11px 12px 16px;
+}
+
+.scale.vertical.scale-has-marks-above .trough {
+  margin: 12px 11px 12px 16px;
+}
+
+.scale.vertical.scale-has-marks-below .trough {
+  margin: 12px 16px 12px 11px;
+}
+
+/*****************
+ * Progress bars *
+ *****************/
+GtkProgressBar {
+  -GtkProgressBar-min-horizontal-bar-height: 4;
+  -GtkProgressBar-min-vertical-bar-width: 4;
+  padding: 0;
+  font-size: smaller;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+GtkProgressBar.osd {
+  -GtkProgressBar-xspacing: 0;
+  -GtkProgressBar-yspacing: 0;
+  -GtkProgressBar-min-horizontal-bar-height: 4;
+}
+
+GtkProgressBar.trough {
+  border-radius: 0;
+  background-color: rgba(51, 141, 214, 0.3);
+}
+
+GtkProgressBar.trough.osd {
+  border-style: none;
+  box-shadow: none;
+}
+
+.progressbar {
+  border-radius: 0;
+  background-color: #338DD6;
+}
+
+.progressbar.left {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.progressbar.right {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.progressbar.left.right {
+  box-shadow: none;
+}
+
+.progressbar.vertical.bottom {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  box-shadow: none;
+}
+
+.progressbar.vertical.top {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.progressbar.osd {
+  background-image: none;
+  background-color: #338DD6;
+  border-style: none;
+  border-radius: 0;
+}
+
+/*************
+ * Level Bar *
+ *************/
+.level-bar {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  color: rgba(238, 238, 238, 0.5);
+  -GtkLevelBar-min-block-width: 36;
+  -GtkLevelBar-min-block-height: 4;
+}
+
+.level-bar.vertical {
+  -GtkLevelBar-min-block-width: 4;
+  -GtkLevelBar-min-block-height: 36;
+}
+
+.level-bar.trough {
+  padding: 2px;
+  border-radius: 4px;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+.level-bar.trough:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+  background-color: #2a2a2a;
+}
+
+.level-bar.trough.indicator-discrete.horizontal {
+  padding: 2px 1px;
+}
+
+.level-bar.trough.indicator-discrete.vertical {
+  padding: 1px 2px;
+}
+
+.level-bar.fill-block {
+  background-color: #338DD6;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.level-bar.fill-block.indicator-discrete.horizontal {
+  margin: 0 1px;
+}
+
+.level-bar.fill-block.indicator-discrete.vertical {
+  margin: 1px 0;
+}
+
+.level-bar.fill-block.level-high {
+  background-color: #0095a2;
+}
+
+.level-bar.fill-block.level-low {
+  background-color: #bc742d;
+}
+
+.level-bar.fill-block.empty-fill-block {
+  background-color: alpha(currentColor, 0.24);
+}
+
+/**********
+ * Frames *
+ **********/
+.frame {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  padding: 0;
+}
+
+.frame.flat {
+  border-style: none;
+}
+
+.frame.action-bar {
+  padding: 6px;
+  border-width: 1px 0 0;
+}
+
+GtkScrolledWindow GtkViewport.frame {
+  border-style: none;
+}
+
+.separator {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+GtkFileChooserButton .separator.vertical,
+GtkFontButton .separator.vertical {
+  -GtkWidget-wide-separators: true;
+}
+
+/*********
+ * Lists *
+ *********/
+.list {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+.list-row,
+.grid-child {
+  padding: 2px;
+}
+
+.list-row.activatable, .view, column-header .button {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0;
+  box-shadow: inset 0 0 0 10000px transparent;
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(transparent), to(transparent)), linear-gradient(to bottom, transparent);
+  background-repeat: no-repeat;
+  background-position: center, center;
+  background-size: 240px 240px, auto;
+}
+
+.list-row.activatable:hover, .view:hover, column-header .button:hover {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0;
+  box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.06);
+}
+
+.list-row.activatable:active, .view:active, column-header .button:active, GtkPlacesSidebar.sidebar .has-open-popup {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-image 0;
+  animation: list_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 10000px alpha(currentColor, 0.12);
+}
+
+.list-row:selected .button:insensitive {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.list-row:selected .button.flat {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.list-row:selected .button.flat:hover, .list-row:selected .button.flat:active {
+  color: #fefefe;
+}
+
+.list-row:selected .button.flat:insensitive {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+/*************
+ * Expanders *
+ *************/
+.expander {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+.expander:dir(rtl) {
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
+}
+
+.expander:checked {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.expander:not(:hover):not(:active) {
+  color: alpha(currentColor, 0.7);
+}
+
+.expander:selected {
+  color: #fefefe;
+}
+
+/************
+ * Calendar *
+ ***********/
+GtkCalendar {
+  padding: 1px;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  color: #eeeeee;
+}
+
+GtkCalendar:insensitive {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+GtkCalendar:selected {
+  border-radius: 5px;
+}
+
+GtkCalendar.header {
+  border-style: none none solid;
+  border-radius: 0;
+}
+
+GtkCalendar:inconsistent {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+GtkCalendar.highlight {
+  font-size: smaller;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+.message-dialog .dialog-action-area .button {
+  padding: 8px;
+}
+
+.message-dialog.background {
+  background-color: #303030;
+}
+
+.message-dialog .titlebar {
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+.message-dialog.csd.background {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.message-dialog.csd .dialog-action-area .button {
+  padding: 9px 16px 10px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  background-size: 240px 240px, auto;
+}
+
+.message-dialog.csd .dialog-action-area .button:first-child {
+  border-radius: 0 0 0 4px;
+}
+
+.message-dialog.csd .dialog-action-area .button:last-child {
+  border-radius: 0 0 4px 0;
+}
+
+GtkFileChooserDialog .dialog-action-box {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border: none;
+  background-color: #2a2a2a;
+}
+
+GtkSidebarRow.list-row {
+  padding: 0px;
+}
+
+GtkSidebarRow .sidebar-revealer {
+  padding: 4px 14px 4px 12px;
+}
+
+GtkSidebarRow .sidebar-icon {
+  opacity: 0.7;
+}
+
+GtkSidebarRow .sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+GtkSidebarRow .sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+GtkSidebarRow .sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+GtkSidebarRow .sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+GtkPlacesSidebar.sidebar .sidebar-placeholder-row {
+  border: solid 1px #338DD6;
+}
+
+GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
+  color: #009688;
+}
+
+.sidebar-button.button.image-button {
+  padding: 4px;
+}
+
+.sidebar-item {
+  padding: 10px 4px;
+}
+
+.sidebar-item > .label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+GtkPlacesView .server-list-button > GtkImage {
+  -gtk-icon-transform: rotate(0turn);
+}
+
+GtkPlacesView .server-list-button:checked > GtkImage {
+  -gtk-icon-transform: rotate(-0.5turn);
+}
+
+/*********
+ * Paned *
+ *********/
+GtkPaned {
+  -GtkPaned-handle-size: 1;
+  -gtk-icon-source: none;
+  margin: 0 8px 8px 0;
+}
+
+GtkPaned:dir(rtl) {
+  margin-right: 0;
+  margin-left: 8px;
+}
+
+GtkPaned .pane-separator {
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+GtkPaned.wide {
+  -GtkPaned-handle-size: 6;
+  margin: 0;
+}
+
+GtkPaned.wide .pane-separator {
+  background-color: transparent;
+  border-style: none solid;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-width: 1px;
+}
+
+GtkPaned.wide.vertical .pane-separator {
+  border-style: solid none;
+}
+
+/**************
+ * GtkInfoBar *
+ **************/
+GtkInfoBar {
+  border-style: none;
+}
+
+.info {
+  background-color: #8b71ff;
+}
+
+.question {
+  background-color: #8b71ff;
+}
+
+.warning {
+  background-color: #bc742d;
+}
+
+.error {
+  background-color: #d8645a;
+}
+
+.info,
+.question,
+.warning,
+.error {
+  color: #fefefe;
+}
+
+.info .button:insensitive,
+.question .button:insensitive,
+.warning .button:insensitive,
+.error .button:insensitive {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+/************
+ * Tooltips *
+ ************/
+.tooltip {
+  color: #e0e0e0;
+  padding: 4px;
+  /* not working */
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+.tooltip.background {
+  background-color: rgba(33, 33, 33, 0.9);
+}
+
+.tooltip.window-frame.csd {
+  background-color: transparent;
+}
+
+.tooltip * {
+  padding: 4px;
+  background-color: transparent;
+  color: inherit;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+GtkColorSwatch {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+GtkColorSwatch:insensitive {
+  opacity: 0.5;
+  box-shadow: none;
+}
+
+GtkColorSwatch.top {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+GtkColorSwatch.bottom {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+GtkColorSwatch.left, GtkColorSwatch:first-child:not(.overlay):not(.top) {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+GtkColorSwatch.right, GtkColorSwatch:last-child:not(.overlay):not(.bottom) {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+GtkColorSwatch:only-child:not(.overlay) {
+  border-radius: 4px;
+}
+
+GtkColorSwatch.top > .overlay {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+GtkColorSwatch.bottom > .overlay {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+GtkColorSwatch:first-child:not(.top) > .overlay {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+GtkColorSwatch:last-child:not(.bottom) > .overlay {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+GtkColorSwatch:only-child > .overlay {
+  border-radius: 4px;
+}
+
+GtkColorSwatch:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+GtkColorEditor GtkColorSwatch {
+  border-radius: 4px;
+}
+
+GtkColorEditor GtkColorSwatch:hover {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+GtkColorSwatch.color-dark {
+  color: #212121;
+}
+
+GtkColorSwatch.color-light {
+  color: #eeeeee;
+}
+
+GtkColorSwatch#add-color-button {
+  background-image: linear-gradient(to right, #d8645a 25%, #bc742d 25%, #bc742d 50%, #8b71ff 50%, #8b71ff 75%, #8b71ff 75%);
+  color: #212121;
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #212121;
+}
+
+.scale-popup .button {
+  padding: 10px;
+}
+
+/**********************
+ * Window Decorations *
+ *********************/
+.window-frame {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 4px 4px 0 0;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
+  /* this is used for the resize cursor area */
+  margin: 8px;
+}
+
+.window-frame:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.window-frame.tiled {
+  border-radius: 0;
+}
+
+.window-frame.popup {
+  box-shadow: none;
+}
+
+.window-frame.ssd {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
+}
+
+.window-frame.csd.popup {
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.window-frame.csd.tooltip {
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+.window-frame.csd.message-dialog {
+  border-radius: 4px;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
+}
+
+.window-frame.csd.message-dialog:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.window-frame.solid-csd {
+  border-radius: 0;
+  margin: 0;
+  background-color: #212121;
+  box-shadow: none;
+}
+
+.header-bar .button.titlebutton:active,
+.titlebar .button.titlebutton:active {
+  background-image: -gtk-gradient(radial, center center, 0, center center, 0.4, to(alpha(currentColor, 0.12)), to(transparent)), linear-gradient(to bottom, alpha(currentColor, 0.12));
+}
+
+.view:selected, GtkCalendar:selected, .label:selected, .grid-child:selected, .entry:selected, .menuitem.button.flat:selected, .list-row:selected, .sidebar:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.view:insensitive:selected, GtkCalendar:insensitive:selected, .label:insensitive:selected, .grid-child:insensitive:selected, .entry:insensitive:selected, .menuitem.button.flat:insensitive:selected, .list-row:insensitive:selected, .sidebar:insensitive:selected, GtkPlacesSidebar.sidebar .list-row:selected:insensitive .label {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.monospace {
+  font: Monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ *********************/
+.entry.cursor-handle,
+.cursor-handle {
+  background-color: #009688;
+  background-image: none;
+  box-shadow: none;
+  border-style: none;
+}
+
+.entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl),
+.cursor-handle.insertion-cursor:dir(ltr),
+.cursor-handle.insertion-cursor:dir(rtl) {
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+.entry.cursor-handle.insertion-cursor:dir(ltr), .entry.cursor-handle.insertion-cursor:dir(rtl),
+.cursor-handle.insertion-cursor:dir(ltr),
+.cursor-handle.insertion-cursor:dir(rtl) {
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+/* Decouple the font of context menus from their entry/textview */
+.context-menu {
+  font: initial;
+}
+
+.touch-selection {
+  font: initial;
+  color: #eeeeee;
+  background-color: #303030;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.touch-selection:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+.undershoot.top {
+  background-color: transparent;
+  background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-top: 1px;
+  background-size: 12px 1px;
+  background-repeat: repeat-x;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+.undershoot.bottom {
+  background-color: transparent;
+  background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-bottom: 1px;
+  background-size: 12px 1px;
+  background-repeat: repeat-x;
+  background-origin: content-box;
+  background-position: left bottom;
+}
+
+.undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+.undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+.floating-bar {
+  padding: 3px 0 4px;
+  border-width: 1px;
+  border-style: solid solid none;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-radius: 5px 5px 0 0;
+  background-color: rgba(48, 48, 48, 0.9);
+  background-clip: border-box;
+}
+
+.floating-bar.left {
+  border-left-style: none;
+  border-top-left-radius: 0;
+}
+
+.floating-bar.right {
+  border-right-style: none;
+  border-top-right-radius: 0;
+}
+
+.floating-bar .button {
+  padding: 4px;
+}
+
+/************
+ * Nautilus *
+ ************/
+EelEditableLabel.entry {
+  transition: none;
+}
+
+.nautilus-canvas-item.dim-label, .nautilus-canvas-item.label.separator, .titlebar .nautilus-canvas-item.subtitle,
+.header-bar .nautilus-canvas-item.subtitle,
+.nautilus-list-dim-label {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.label.separator:selected, .titlebar .nautilus-canvas-item.subtitle:selected,
+.header-bar .nautilus-canvas-item.subtitle:selected,
+.nautilus-list-dim-label:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.nautilus-desktop.nautilus-canvas-item {
+  color: #fefefe;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.nautilus-desktop.nautilus-canvas-item:selected {
+  text-shadow: none;
+}
+
+/* Toolbar */
+@keyframes needs_attention_keyframes {
+  0% {
+    background-color: transparent;
+  }
+  50% {
+    background-color: alpha(currentColor, 0.24);
+  }
+  100% {
+    background-color: transparent;
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  color: #009688;
+  animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  color: #009688;
+  animation: needs_attention_keyframes 2s cubic-bezier(0.4, 0, 0.2, 1);
+  animation-iteration-count: 2;
+}
+
+.disk-space-display.unknown {
+  background-color: #bc742d;
+}
+
+.disk-space-display.used {
+  background-color: #338DD6;
+}
+
+.disk-space-display.free {
+  background-color: alpha(currentColor, 0.24);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+/* View */
+/********
+ * Nemo *
+ *******/
+NemoWindow .nemo-inactive-pane .view, NemoWindow .nemo-inactive-pane iconview {
+  background-color: #2a2a2a;
+  color: #eeeeee;
+}
+
+NemoWindow .sidebar .cell {
+  background-color: #212121;
+  color: #eeeeee;
+}
+
+NemoWindow .sidebar .cell:selected {
+  color: #fefefe;
+  background-color: #338DD6;
+}
+
+.nemo-desktop.nemo-canvas-item {
+  color: #fefefe;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.nemo-desktop.nemo-canvas-item:selected {
+  text-shadow: none;
+}
+
+/**************
+ * Tweak Tool *
+ **************/
+.tweak-categories {
+  background-color: #2a2a2a;
+  background-image: linear-gradient(to bottom, #2a2a2a);
+}
+
+.tweak-categories .separator {
+  -GtkWidget-wide-separators: true;
+  color: transparent;
+}
+
+/************
+ * Software *
+ ************/
+.button.install-progress:insensitive {
+  background-color: alpha(currentColor, 0.24);
+}
+
+/***********
+ * Builder *
+ ***********/
+GbTerminalView {
+  background-color: #303030;
+}
+
+/***********
+ * Firefox *
+ ***********/
+.menubar {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.menubar:hover {
+  color: #e0e0e0;
+}
+
+/***********
+ * Synapse *
+ ***********/
+SynapseGuiMatchListView GtkWidget:selected {
+  background-color: #338DD6;
+}
+
+/*********
+ * 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: #338DD6;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration.top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 4px 4px 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+  color: #e0e0e0;
+}
+
+UnityDecoration.top:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+UnityDecoration.menuitem,
+UnityDecoration .menuitem {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+UnityDecoration.menubar.menuitem:hover,
+UnityDecoration.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e0e0e0;
+}
+
+.background:not(.csd) :not(.titlebar) .header-bar {
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.background:not(.csd) :not(.titlebar) .header-bar.inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #010101;
+  background-image: linear-gradient(to bottom, #010101);
+  color: #e0e0e0;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e0e0e0;
+}
+
+@keyframes playbackmenuitem_spinner {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: playbackmenuitem_spinner 1s infinite linear;
+  color: #338DD6;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeee;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #eeeeee;
+/*
+widget base background color */
+@define-color theme_bg_color #212121;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #303030;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #338DD6;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fefefe;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #212121;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 238, 238, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #2a2a2a;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeeeee;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeeeee;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #212121;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #303030;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #338DD6;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #fefefe;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 238, 238, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.26);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.26);
+/*
+these are pretty self explicative */
+@define-color warning_color #bc742d;
+@define-color error_color #d8645a;
+@define-color success_color #0095a2;
+/*
+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 #e0e0e0;
+@define-color wm_unfocused_title rgba(224, 224, 224, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_bg #212121;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #303030;
+@define-color placeholder_text_color #b5b5b5;
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-3.20/assets b/dotfiles/.themes/oomox-materia-dark/gtk-3.20/assets
new file mode 120000
index 0000000..ac77667
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-3.20/assets
@@ -0,0 +1 @@
+../gtk-assets
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-3.20/gtk.css b/dotfiles/.themes/oomox-materia-dark/gtk-3.20/gtk.css
new file mode 100644
index 0000000..1d7676f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-3.20/gtk.css
@@ -0,0 +1,5963 @@
+@keyframes ripple_effect {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes scale_ripple_effect {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes header_ripple_effect {
+  from {
+    background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #d8645a;
+  -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: 0;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 4px;
+  -gtk-secondary-caret-color: #338DD6;
+}
+
+notebook:focus tab,
+*:focus {
+  outline-color: alpha(currentColor, 0.24);
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #212121;
+  color: #eeeeee;
+}
+
+/*
+   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: #212121;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #141414;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #080808;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #212121;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.view {
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+.view:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.view:hover, .view:active, .view:selected {
+  border-radius: 4px;
+}
+
+textview text {
+  background-color: #303030;
+}
+
+textview border {
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.rubberband,
+rubberband,
+flowbox rubberband,
+treeview.view rubberband,
+.content-view rubberband,
+.content-view .rubberband {
+  border: 1px solid #53adf6;
+  background-color: rgba(83, 173, 246, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+  color: inherit;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: #eeeeee;
+}
+
+label selection {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+label:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
+headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
+  opacity: 0.6;
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 32px;
+  padding: 0 12px;
+  color: rgba(238, 238, 238, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeeeee;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical),
+entry {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 4px;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+spinbutton:focus:not(.vertical),
+entry:focus {
+  border-image: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
+notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
+entry.flat {
+  border-radius: 0;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
+entry.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+}
+
+spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
+entry.flat:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeeeee;
+}
+
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 238, 238, 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) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  border-image: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
+notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
+entry.error.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #d8645a 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #d8645a;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
+entry.error.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #d8645a 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #d8645a;
+}
+
+spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
+entry.error.flat:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.error:not(.vertical) image,
+entry.error image {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
+entry.error image:hover,
+entry.error image:active {
+  color: #fefefe;
+}
+
+spinbutton.error:not(.vertical) image:disabled,
+entry.error image:disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #bc742d;
+  color: #fefefe;
+}
+
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  border-image: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
+notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
+entry.warning.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #bc742d;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
+entry.warning.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #bc742d;
+}
+
+spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
+entry.warning.flat:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.warning:not(.vertical) image,
+entry.warning image {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
+entry.warning image:hover,
+entry.warning image:active {
+  color: #fefefe;
+}
+
+spinbutton.warning:not(.vertical) image:disabled,
+entry.warning image:disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -6px;
+  border-bottom: 2px solid #338DD6;
+  background-color: transparent;
+}
+
+.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
+notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
+.linked.vertical > spinbutton.flat:not(.vertical),
+notebook > stack:not(:only-child) .linked.vertical > entry:not(.search),
+notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical),
+messagedialog .linked.vertical > entry,
+colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical),
+layoutpane .linked.vertical > entry.search,
+editortweak .linked.vertical > entry.search,
+.raven .raven-background .linked.vertical > spinbutton:not(.vertical),
+#login_window .linked.vertical > entry, .linked:not(.vertical) >
+entry.flat,
+.linked.vertical >
+entry.flat {
+  border-radius: 0;
+}
+
+notebook > stack:not(:only-child) treeview entry.flat:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry.flat,
+treeview entry {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #303030;
+}
+
+notebook > stack:not(:only-child) treeview entry.flat:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry.flat:focus:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), notebook > stack:not(:only-child) treeview entry:focus:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:focus:not(.vertical),
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry: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(238, 238, 238, 0.12);
+  color: #eeeeee;
+}
+
+.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
+  background-image: image(rgba(238, 238, 238, 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;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent));
+  }
+}
+
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-weight: 500;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
+  background-color: #424242;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #fafafa;
+}
+
+
+button:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
+  color: #eeeeee;
+}
+
+
+button:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #eeeeee;
+}
+
+
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.3);
+}
+
+
+button:checked {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+
+button:checked:disabled {
+  background-color: rgba(51, 141, 214, 0.3);
+  color: rgba(51, 141, 214, 0.5);
+}
+
+modelbutton.flat,
+.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
+popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
+radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
+headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, .nemo-window .toolbar button,
+button.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+modelbutton.flat:hover,
+.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
+popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
+radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, .nemo-window .toolbar button:hover,
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+  color: #eeeeee;
+}
+
+modelbutton.flat:active,
+.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
+popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
+radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, .nemo-window .toolbar button:active,
+button.flat:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #eeeeee;
+}
+
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
+popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
+radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, .nemo-window .toolbar button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.3);
+}
+
+:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, .nemo-window .toolbar button:checked,
+button.flat:checked {
+  background-color: alpha(currentColor, 0.24);
+  color: #eeeeee;
+}
+
+:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+button.image-button {
+  min-width: 24px;
+  padding: 4px;
+}
+
+
+button.text-button.image-button {
+  border-radius: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+
+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;
+}
+
+toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
+headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, .nemo-window .toolbar .linked > button,
+toolbar .linked.vertical > button,
+.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
+headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
+actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+.app-notification .linked.vertical > button,
+.nemo-window .toolbar .linked.vertical > button, .linked >
+button.flat,
+.linked.vertical >
+button.flat {
+  border-radius: 4px;
+}
+
+toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
+toolbar .linked.vertical > button.text-button.image-button,
+.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+.app-notification .linked.vertical > button.text-button.image-button,
+.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
+button.flat.text-button.image-button,
+.linked.vertical >
+button.flat.text-button.image-button {
+  border-radius: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
+button:disabled {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: rgba(254, 254, 254, 0.3);
+}
+
+row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
+button.flat {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
+button.flat:hover, row:selected
+button.flat:active {
+  color: #fefefe;
+}
+
+row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
+button.flat:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
+button.flat:checked {
+  background-color: rgba(254, 254, 254, 0.3);
+  color: #fefefe;
+}
+
+row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
+button.flat:checked:disabled {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: rgba(254, 254, 254, 0.5);
+}
+
+
+button.osd {
+  padding: 8px 12px;
+}
+
+
+button.osd.image-button {
+  padding: 8px;
+}
+
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+
+button.suggested-action {
+  background-color: #009688;
+  color: #fefefe;
+}
+
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.suggested-action:checked {
+  background-color: #4cb5ab;
+}
+
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #009688;
+}
+
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.suggested-action.flat:checked {
+  background-color: rgba(0, 150, 136, 0.3);
+}
+
+
+button.destructive-action {
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.destructive-action:checked {
+  background-color: #e3928b;
+}
+
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #d8645a;
+}
+
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.destructive-action.flat:checked {
+  background-color: rgba(216, 100, 90, 0.3);
+}
+
+.stack-switcher >
+button {
+  outline-offset: -4px;
+}
+
+.stack-switcher >
+button > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.stack-switcher >
+button > image {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.stack-switcher >
+button.text-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.stack-switcher >
+button.image-button {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.stack-switcher >
+button.needs-attention:checked > label,
+.stack-switcher >
+button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar
+button {
+  -gtk-icon-shadow: none;
+}
+
+
+button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
+headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button,
+headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
+.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
+radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
+  animation: needs_attention 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
+  border-radius: 0;
+  -gtk-outline-radius: 4px;
+}
+
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 4px;
+}
+
+.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
+  border-radius: 0;
+  -gtk-outline-radius: 4px;
+}
+
+.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
+  border-radius: 4px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 4px;
+  color: inherit;
+}
+
+modelbutton.flat arrow {
+  background: none;
+}
+
+modelbutton.flat arrow:hover {
+  background: none;
+}
+
+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, button:link,
+button:visited, *:link:hover, button:hover:link,
+button:hover:visited, *:link:active, button:active:link,
+button:active:visited {
+  color: #3d82ff;
+}
+
+*:link:visited,
+button:visited, *:link:visited:hover,
+button:visited:hover, *:link:visited:active,
+button:visited:active {
+  color: #c366cf;
+}
+
+infobar.info *:link, infobar.info button:link,
+infobar.info button:visited, infobar.question *:link, infobar.question button:link,
+infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
+infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
+infobar.error button:visited, *:link:selected, button:selected:link,
+button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
+headerbar.selection-mode .subtitle:link,
+*:selected *:link,
+*:selected button:link,
+*:selected button:visited {
+  color: #fefefe;
+}
+
+button:link > label,
+button:visited > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
+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;
+}
+
+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:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.vertical:drop(active) {
+  box-shadow: none;
+}
+
+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.up {
+  border-radius: 4px 4px 0 0;
+}
+
+spinbutton.vertical button.down {
+  border-radius: 0 0 4px 4px;
+}
+
+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 {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+combobox decoration,
+combobox button.combo:checked {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: 0px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: 0px;
+}
+
+combobox #gtk-combobox-popup-menu {
+  padding: 2px 0;
+}
+
+combobox #gtk-combobox-popup-menu menuitem {
+  min-height: 28px;
+  padding: 0 8px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.top {
+  margin-top: -2px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.bottom {
+  margin-top: 4px;
+  margin-bottom: -6px;
+}
+
+combobox:drop(active) {
+  box-shadow: none;
+}
+
+notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
+  border-radius: 0;
+  background-image: none;
+  font-weight: inherit;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
+  box-shadow: inset 0 -2px rgba(238, 238, 238, 0.5);
+}
+
+notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px;
+  background-color: #212121;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+toolbar.osd, .app-notification, frame.documents-dropdown {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 4px;
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
+  border-radius: 0;
+}
+
+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;
+}
+
+.inline-toolbar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #2a2a2a;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+  padding: 4px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar:not(headerbar),
+headerbar {
+  transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), color 250ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 40px;
+  padding: 0 4px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+  color: #e0e0e0;
+}
+
+.titlebar:disabled:not(headerbar) :not(button) > label,
+headerbar:disabled :not(button) > label {
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.titlebar:backdrop:not(headerbar),
+headerbar:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
+headerbar:backdrop:disabled :not(button) > label {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) .title,
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar:not(headerbar) .subtitle,
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
+headerbar .linked:not(.vertical) > entry:not(.flat) {
+  border-radius: 4px;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
+headerbar 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: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
+headerbar button:not(.suggested-action):not(.destructive-action):hover,
+headerbar button:not(.suggested-action):not(.destructive-action):active {
+  color: #e0e0e0;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
+headerbar 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: #e0e0e0;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):checked,
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  background-color: transparent;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(224, 224, 224, 0.12);
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.selection-mode.titlebar:not(headerbar),
+headerbar.selection-mode {
+  transition: background-color 0.00001s 250ms, color 250ms cubic-bezier(0, 0, 0.2, 1);
+  animation: header_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.selection-mode.titlebar:backdrop:not(headerbar),
+headerbar.selection-mode:backdrop {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
+headerbar.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: #fefefe;
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
+headerbar.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: #fefefe;
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.selection-mode.titlebar:not(headerbar) .selection-menu,
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
+headerbar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar:not(headerbar),
+.tiled-top .titlebar:not(headerbar),
+.tiled-right .titlebar:not(headerbar),
+.tiled-bottom .titlebar:not(headerbar),
+.tiled-left .titlebar:not(headerbar),
+.maximized .titlebar:not(headerbar),
+.fullscreen .titlebar:not(headerbar), .tiled
+headerbar,
+.tiled-top
+headerbar,
+.tiled-right
+headerbar,
+.tiled-bottom
+headerbar,
+.tiled-left
+headerbar,
+.maximized
+headerbar,
+.fullscreen
+headerbar {
+  border-radius: 0;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.default-decoration.titlebar:not(headerbar),
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 4px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.tiled .default-decoration.titlebar:not(headerbar),
+.maximized .default-decoration.titlebar:not(headerbar),
+.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
+headerbar.default-decoration,
+.maximized
+headerbar.default-decoration,
+.fullscreen
+headerbar.default-decoration {
+  box-shadow: none;
+}
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton,
+headerbar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
+headerbar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+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;
+}
+
+.background .titlebar {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.background.tiled .titlebar,
+.background.tiled-top .titlebar,
+.background.tiled-right .titlebar,
+.background.tiled-bottom .titlebar,
+.background.tiled-left .titlebar,
+.background.maximized .titlebar,
+.background.solid-csd .titlebar {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+window separator:first-child + headerbar,
+window headerbar:first-child {
+  border-top-left-radius: 4px;
+}
+
+window headerbar:last-child {
+  border-top-right-radius: 4px;
+}
+
+window stack headerbar:first-child, window stack headerbar:last-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
+window.tiled-top headerbar,
+window.tiled-top headerbar:first-child,
+window.tiled-top headerbar:last-child,
+window.tiled-top headerbar:only-child,
+window.tiled-right headerbar,
+window.tiled-right headerbar:first-child,
+window.tiled-right headerbar:last-child,
+window.tiled-right headerbar:only-child,
+window.tiled-bottom headerbar,
+window.tiled-bottom headerbar:first-child,
+window.tiled-bottom headerbar:last-child,
+window.tiled-bottom headerbar:only-child,
+window.tiled-left headerbar,
+window.tiled-left headerbar:first-child,
+window.tiled-left headerbar:last-child,
+window.tiled-left headerbar:only-child,
+window.maximized headerbar,
+window.maximized headerbar:first-child,
+window.maximized headerbar:last-child,
+window.maximized headerbar:only-child,
+window.fullscreen headerbar,
+window.fullscreen headerbar:first-child,
+window.fullscreen headerbar:last-child,
+window.fullscreen headerbar:only-child,
+window.solid-csd headerbar,
+window.solid-csd headerbar:first-child,
+window.solid-csd headerbar:last-child,
+window.solid-csd headerbar:only-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+window.csd > .titlebar:not(headerbar) {
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  border-style: none;
+  box-shadow: none;
+}
+
+.titlebar:not(headerbar) > separator {
+  background-color: #212121;
+  background-image: image(rgba(0, 0, 0, 0.26));
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar button label:not(:only-child):first-child {
+  margin-left: 4px;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar button label:not(:only-child):last-child {
+  margin-right: 4px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
+.path-bar button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 4px;
+}
+
+:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
+.path-bar button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
+.path-bar button:checked, :not(headerbar)
+.path-bar button:checked:disabled {
+  background-color: transparent;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 238, 238, 0.3);
+  border-top-color: rgba(0, 0, 0, 0.26);
+}
+
+* {
+  -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:selected {
+  border-left-color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view:hover, treeview.view:active, treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #009688;
+}
+
+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(238, 238, 238, 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: #eeeeee;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+treeview.view.expander:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
+  color: #fefefe;
+}
+
+treeview.view.expander:selected:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view.progressbar {
+  border-bottom: 4px solid #338DD6;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.progressbar:selected {
+  border-bottom-color: #fefefe;
+}
+
+treeview.view.trough {
+  border-bottom: 4px solid rgba(51, 141, 214, 0.3);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.trough:selected {
+  border-bottom-color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+  box-shadow: none;
+}
+
+treeview.view header button, treeview.view header button:disabled {
+  background-color: #303030;
+}
+
+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(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #303030;
+  background-clip: border-box;
+  color: #338DD6;
+}
+
+treeview.view acceleditor > label {
+  background-color: #338DD6;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  background-color: #212121;
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(224, 224, 224, 0.7);
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: rgba(224, 224, 224, 0.12);
+  color: #e0e0e0;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.csd.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 4px 0;
+  padding: 4px 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.csd menu, .csd
+.menu, .csd
+.context-menu {
+  border: none;
+  border-radius: 4px;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  font: initial;
+  text-shadow: none;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+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 menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #303030;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: -4px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 4px 4px 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(0, 0, 0, 0.26);
+  border-radius: 0 0 4px 4px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(rgba(238, 238, 238, 0.12));
+  color: #eeeeee;
+}
+
+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(238, 238, 238, 0.7);
+}
+
+.popup:not(.csd) menu menuitem {
+  color: #eeeeee;
+}
+
+.popup:not(.csd) menu menuitem:hover {
+  background-color: #474747;
+}
+
+.popup:not(.csd) menu menuitem:disabled {
+  color: #8f8f8f;
+}
+
+.popup:not(.csd) menu accelerator {
+  color: #b5b5b5;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 2px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-color: #303030;
+}
+
+popover.background:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+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: 5px;
+}
+
+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: 4px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+  background-clip: border-box;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -1px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -2px rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #338DD6;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -1px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 2px rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #338DD6;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+}
+
+notebook > header.left > tabs {
+  margin-right: -1px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -2px 0 rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #338DD6;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+}
+
+notebook > header.right > tabs {
+  margin-left: -1px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 2px 0 rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #338DD6;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header tab {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 12px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+notebook > header tab:hover {
+  color: #eeeeee;
+}
+
+notebook > header tab:hover.reorderable-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #2a2a2a;
+}
+
+notebook > header tab:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+notebook > header tab:checked {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeeeee;
+}
+
+notebook > header tab:checked:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+notebook > header tab:checked.reorderable-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 4px;
+  margin-right: -8px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -8px;
+  margin-right: 4px;
+}
+
+notebook > header.top tabs, notebook > header.bottom tabs {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  margin: 0 -1px;
+  border-style: none solid;
+}
+
+notebook > header.left tabs, notebook > header.right tabs {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  margin: -1px 0;
+  border-style: solid none;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: #303030;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #303030;
+  background-clip: border-box;
+}
+
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar slider {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 238, 238, 0.5);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 238, 238, 0.7);
+}
+
+scrollbar slider:active {
+  background-color: #eeeeee;
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+scrollbar.fine-tune slider {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
+  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(.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(48, 48, 48, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(48, 48, 48, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 238, 238, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 238, 238, 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: rgba(48, 48, 48, 0.9);
+}
+
+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: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 250ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 4px 0;
+  padding: 0 2px;
+  border: 5px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(238, 238, 238, 0.3);
+  background-clip: padding-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: rgba(0, 150, 136, 0.5);
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 250ms 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+switch:hover slider {
+  box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+switch:focus slider {
+  box-shadow: 0 0 0 10px alpha(currentColor, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px alpha(currentColor, 0.24), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+switch:checked slider {
+  background-color: #009688;
+  color: #009688;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+  -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -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 .tile check:not(list):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;
+}
+
+check:focus,
+radio:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
+}
+
+check:hover,
+radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #009688;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(0, 150, 136, 0.5);
+}
+
+row:selected check:not(:checked):not(:indeterminate), row:selected
+radio:not(:checked):not(:indeterminate) {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
+radio:not(:checked):not(:indeterminate):hover, row:selected
+radio:not(:checked):not(:indeterminate):active {
+  color: #fefefe;
+}
+
+row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
+radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
+radio, popover
+radio:focus, popover
+radio:hover, popover
+radio:active, popover
+radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover check:not(:checked):not(:indeterminate):not(:disabled), popover
+radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+popover check.left:dir(rtl), popover
+radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover check.right:dir(ltr), popover
+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:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
+radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
+radio, menu menuitem
+radio:hover, menu menuitem
+radio:disabled {
+  box-shadow: none;
+}
+
+
+check {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
+  border-image-slice: 20;
+  border-image-width: 20px;
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+
+radio {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate) {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate):disabled {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent));
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 4px;
+  -gtk-outline-radius: 4px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked), menu menuitem
+radio:not(:checked) {
+  transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+}
+
+treeview.view check:hover,
+treeview.view radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(#eeeeee, 0.05);
+}
+
+treeview.view check:hover:disabled,
+treeview.view radio:hover:disabled {
+  box-shadow: none;
+}
+
+treeview.view check:hover:selected,
+treeview.view radio:hover:selected {
+  box-shadow: inset 0 0 0 9999px alpha(#fefefe, 0.05);
+}
+
+treeview.view check,
+treeview.view radio {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+treeview.view check:hover, treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeeeee;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #009688;
+}
+
+treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(0, 150, 136, 0.5);
+}
+
+treeview.view check:selected,
+treeview.view radio:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+treeview.view check:selected:hover, treeview.view check:selected:active,
+treeview.view radio:selected:hover,
+treeview.view radio:selected:active {
+  color: #fefefe;
+}
+
+treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
+treeview.view radio:selected:checked,
+treeview.view radio:selected:indeterminate {
+  color: #009688;
+}
+
+treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:checked:disabled,
+treeview.view radio:selected:indeterminate:disabled {
+  color: rgba(0, 150, 136, 0.5);
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/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 250ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+scale highlight {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #009688;
+}
+
+scale highlight:disabled {
+  background-color: transparent;
+}
+
+scale fill {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: transparent;
+}
+
+scale slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale slider:focus {
+  background-color: rgba(0, 150, 136, 0.16);
+}
+
+scale slider:hover {
+  background-color: rgba(0, 150, 136, 0.12);
+}
+
+scale slider:active {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: scale_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: rgba(0, 150, 136, 0.12);
+  color: rgba(0, 150, 136, 0.12);
+}
+
+scale marks label,
+scale value {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+scale marks {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+scale marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale marks.left {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale marks.right {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.fine-tune marks.left {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.fine-tune marks.right {
+  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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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(238, 238, 238, 0.5);
+  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(51, 141, 214, 0.3);
+}
+
+progressbar progress {
+  background-color: #338DD6;
+}
+
+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: #bc742d;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #338DD6;
+}
+
+levelbar block.full {
+  background-color: #0095a2;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.flat,
+.frame.flat,
+frame.flat > border {
+  border-style: none;
+}
+
+actionbar > revealer > box {
+  padding: 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrolledwindow viewport.frame {
+  border-style: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+undershoot.top {
+  background-color: transparent;
+  background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-top: 1px;
+  background-size: 12px 1px;
+  background-repeat: repeat-x;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+undershoot.bottom {
+  background-color: transparent;
+  background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-bottom: 1px;
+  background-size: 12px 1px;
+  background-repeat: repeat-x;
+  background-origin: content-box;
+  background-position: left bottom;
+}
+
+undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+
+button.font separator,
+button.file separator, .tweak-categories separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+list row {
+  padding: 2px;
+}
+
+row.activatable, .view, treeview.view header button, .budgie-menu button {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
+}
+
+row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 238, 238, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+  color: #eeeeee;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+expander title > arrow:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+expander title > arrow:selected:hover, expander title > arrow:selected:active {
+  color: #fefefe;
+}
+
+expander title > arrow:selected:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 1px;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  color: #eeeeee;
+}
+
+calendar:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+calendar:selected {
+  border-radius: 5px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-radius: 0;
+}
+
+calendar.highlight {
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #303030;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+messagedialog .titlebar:backdrop {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+messagedialog.csd .dialog-action-area {
+  margin-top: -4px;
+  padding: 4px;
+}
+
+messagedialog.csd .dialog-action-area button {
+  border-radius: 4px;
+}
+
+messagedialog.csd .dialog-action-area button:not(:last-child) {
+  margin-right: 4px;
+}
+
+messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
+  color: #009688;
+}
+
+messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
+  color: #d8645a;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+  background-color: #2a2a2a;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+  border-right-style: none;
+}
+
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+  border-style: none;
+}
+
+stacksidebar row {
+  padding: 10px 4px;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+row:selected image.sidebar-icon {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar list {
+  padding: 1px 0 4px;
+}
+
+placessidebar row {
+  min-height: 32px;
+  margin: -1px 0;
+  padding: 0;
+}
+
+placessidebar row > revealer {
+  padding: 0 12px;
+}
+
+placessidebar row:selected {
+  color: #fefefe;
+}
+
+placessidebar row:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+placessidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+  min-height: 2px;
+  padding: 0 8px;
+  background-image: image(#009688);
+  background-clip: content-box;
+}
+
+placessidebar row.sidebar-new-bookmark-row {
+  color: #009688;
+}
+
+placessidebar row:drop(active):not(:disabled) {
+  box-shadow: inset 0 0 0 2px #009688;
+}
+
+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 > 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(0, 0, 0, 0.26));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #212121;
+  background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26));
+  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.info {
+  background-color: #8b71ff;
+}
+
+infobar.question {
+  background-color: #8b71ff;
+}
+
+infobar.warning {
+  background-color: #bc742d;
+}
+
+infobar.error {
+  background-color: #d8645a;
+}
+
+infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
+  color: #fefefe;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(33, 33, 33, 0.9);
+  color: #e0e0e0;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip label {
+  min-height: 20px;
+  padding: 0 2px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 4.5px;
+  border-top-right-radius: 4.5px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 4.5px;
+  border-bottom-right-radius: 4.5px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 4.5px;
+  border-bottom-left-radius: 4.5px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 4.5px;
+  border-bottom-right-radius: 4.5px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+colorswatch.dark {
+  color: #212121;
+}
+
+colorswatch.light {
+  color: #eeeeee;
+}
+
+colorswatch:drop(active) {
+  box-shadow: none;
+}
+
+colorswatch:drop(active).light overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
+}
+
+colorswatch:drop(active).dark overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
+}
+
+colorswatch overlay {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+colorswatch#add-color-button {
+  border-radius: 4px 4px 0 0;
+  color: #212121;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 4px;
+}
+
+colorswatch#add-color-button overlay {
+  background-image: linear-gradient(to right, #d8645a 25%, #bc742d 25%, #bc742d 50%, #8b71ff 50%, #8b71ff 75%, #8b71ff 75%);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 4.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 4px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #212121;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 4px 4px 0 0;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+tooltip.csd decoration {
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 4px;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #212121;
+}
+
+.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
+entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, popover.background.menu button:checked,
+popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
+  background-color: #338DD6;
+}
+
+row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
+entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, popover.background.menu button:checked,
+popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
+  color: #fefefe;
+}
+
+row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
+entry selection:disabled, modelbutton.flat:disabled:selected,
+.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
+popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  border-radius: 9999px;
+  background-color: #009688;
+  background-image: none;
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  padding-left: 6px;
+  border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  padding-right: 6px;
+  border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 30;
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+  color: #eeeeee;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688;
+  caret-color: #009688;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  box-shadow: none;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+button.emoji-section {
+  margin-top: -1px;
+  padding: 0 8px;
+  min-width: 24px;
+  min-height: 32px;
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+}
+
+button.emoji-section:hover {
+  box-shadow: inset 0 2px rgba(238, 238, 238, 0.3);
+}
+
+button.emoji-section:active {
+  box-shadow: inset 0 2px #338DD6;
+  background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
+}
+
+button.emoji-section:checked {
+  box-shadow: inset 0 2px #338DD6;
+  background-color: transparent;
+}
+
+button.emoji-section:first-child {
+  margin-left: 4px;
+}
+
+button.emoji-section:last-child {
+  margin-right: 4px;
+}
+
+.emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0;
+}
+
+.emoji widget {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.emoji widget:hover {
+  font-size: larger;
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+  background-color: #303030;
+}
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
+headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
+.nautilus-list-dim-label {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
+headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
+.nautilus-list-dim-label:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
+  color: #fefefe;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+@keyframes needs_attention_keyframes {
+  to {
+    background-color: alpha(currentColor, 0.24);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-radius: 5px 5px 0 0;
+  background-color: rgba(48, 48, 48, 0.9);
+  background-clip: border-box;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
+}
+
+.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(238, 238, 238, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #338DD6;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+.nautilus-window paned > separator {
+  background-color: #212121;
+}
+
+/*********
+ * gedit *
+ *********/
+.open-document-selector-path-label {
+  color: rgba(238, 238, 238, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-path-label:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.gedit-document-panel {
+  background-color: #2a2a2a;
+}
+
+.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(0, 0, 0, 0.26);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked > entry {
+  border-radius: 4px;
+}
+
+.gedit-search-slider .linked > entry .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.gedit-search-slider .linked > entry:dir(ltr) {
+  margin-right: -60px;
+  padding-right: 60px;
+}
+
+.gedit-search-slider .linked > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 4px;
+}
+
+.gedit-search-slider .linked > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked > entry:dir(rtl) {
+  margin-left: -60px;
+  padding-left: 60px;
+}
+
+.gedit-search-slider .linked > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 4px;
+}
+
+.gedit-search-slider .linked > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked > entry:not(.error) {
+  background-color: #303030;
+}
+
+.gedit-search-slider .linked > entry.error ~ button {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.gedit-search-slider .linked > entry.error ~ button:hover, .gedit-search-slider .linked > entry.error ~ button:active {
+  color: #fefefe;
+}
+
+.gedit-search-slider .linked > entry.error ~ button:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 4px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -2px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > 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;
+}
+
+/**************
+ * Tweak Tool *
+ **************/
+.tweak-categories {
+  background-image: image(#2a2a2a);
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#303030);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#303030);
+}
+
+.tweak-group-startup {
+  background-image: image(#303030);
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/***********
+ * Builder *
+ ***********/
+workbench stack.titlebar {
+  padding: 0;
+}
+
+workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
+  border-radius: 4px 4px 0 0;
+}
+
+perspectiveswitcher {
+  background-color: #212121;
+}
+
+perspectiveswitcher button:checked {
+  color: #338DD6;
+}
+
+layouttabbar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+layouttabbar > box > button {
+  margin: 4px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  box-shadow: inset 0 -2px #338DD6;
+  background-color: #303030;
+}
+
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+
+layout {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+workbench treeview.image {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+workbench treeview.image:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+docktab {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 4px 6px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  box-shadow: inset 0 -2px rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+}
+
+docktab:checked {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #338DD6;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeeeee;
+}
+
+dockoverlayedge {
+  background-color: #212121;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:hover {
+  box-shadow: inset -2px 0 rgba(238, 238, 238, 0.3);
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #338DD6;
+}
+
+dockoverlayedge.right-edge docktab:hover {
+  box-shadow: inset 2px 0 rgba(238, 238, 238, 0.3);
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #338DD6;
+}
+
+pillbox {
+  background-color: #212121;
+  border-radius: 4px;
+}
+
+buildperspective row {
+  padding: 10px;
+}
+
+layoutpane entry.search {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+}
+
+frame.gb-search-frame {
+  border-bottom-right-radius: 5px;
+}
+
+.gb-search-entry-occurrences-tag {
+  box-shadow: none;
+  background-color: transparent;
+}
+
+docktabstrip {
+  min-height: 39px;
+}
+
+workbench preferences preferencesgroup list entry {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-color: #009688;
+  color: #fefefe;
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.side-panel .view {
+  background-image: image(#2a2a2a);
+}
+
+.side-panel .view:hover {
+  background-image: image(#343434);
+}
+
+.side-panel .view:selected {
+  background-image: image(#338DD6);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(#3d93d8);
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*********
+ * To Do *
+ *********/
+task-row {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 0 -4px;
+}
+
+task-row:hover {
+  transition: none;
+}
+
+task-row label {
+  margin: 0 8px;
+}
+
+task-row image {
+  margin: 0 4px;
+}
+
+task-list-view > box > revealer > box > button {
+  min-height: 32px;
+  margin: -4px;
+  padding: 0 12px;
+}
+
+task-list-view > box > revealer > box > button label {
+  margin: 0 8px;
+}
+
+task-list-view > box > revealer > box > button image {
+  margin: 0 4px;
+}
+
+/*******
+ * eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+#eog-thumb-nav button {
+  -gtk-outline-radius: 4px;
+}
+
+/*************
+ * 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(0, 0, 0, 0.26);
+}
+
+list.categories {
+  background-image: image(#2a2a2a);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fefefe;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 32px;
+}
+
+/*********
+ * Geary *
+ *********/
+.geary-titlebar-left:dir(ltr) {
+  margin-right: 5px;
+  padding-right: 0;
+}
+
+.geary-titlebar-left:dir(rtl) {
+  margin-left: 5px;
+  padding-left: 0;
+}
+
+.geary-titlebar-left > separator {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.geary-titlebar-right:dir(ltr) {
+  margin-left: -5px;
+}
+
+.geary-titlebar-right:dir(rtl) {
+  margin-right: -5px;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
+}
+
+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(#303030);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 28px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #212121;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/***********
+ * 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: 4px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #303030;
+}
+
+window.background.chromium entry,
+window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+window.background.chromium > button {
+  box-shadow: none;
+  background-size: auto;
+}
+
+window.background.chromium > button:hover {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+window.background.chromium > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+window.background.chromium headerbar button:active {
+  background-size: 1000% 1000%;
+}
+
+window.background.chromium spinner {
+  color: #338DD6;
+}
+
+window.background.chromium textview {
+  background-color: #303030;
+}
+
+tooltip.background.chromium {
+  background-color: #212121;
+}
+
+/***********
+ * Firefox *
+ ***********/
+window.background:not(.csd) > widget > separator {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+window.background:not(.csd) > widget > scrollbar {
+  background-clip: border-box;
+}
+
+window.background:not(.csd) > widget > scrollbar,
+window.background:not(.csd) > widget > frame > border {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+window.background:not(.csd) > widget > entry,
+window.background:not(.csd) > widget > button > button {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: none;
+}
+
+window.background:not(.csd) > widget > entry {
+  min-height: 30px;
+}
+
+window.background:not(.csd) > widget > entry:focus {
+  border-color: #338DD6;
+}
+
+window.background:not(.csd) > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+window.background:not(.csd) > widget > button > button:hover {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+window.background:not(.csd) > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked),
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
+  color: #757575;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
+  color: #212121;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
+  color: rgba(117, 117, 117, 0.5);
+}
+
+window.background:not(.csd) > window > menu,
+window.background:not(.csd) > menu > menu {
+  border: none;
+}
+
+window.background:not(.csd) > widget > menubar {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+window.background:not(.csd) > widget > menubar:hover {
+  color: #e0e0e0;
+}
+
+window.background:not(.csd) > widget > menubar:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+window.background:not(.csd) > widget > frame {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+window.background:not(.csd) > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+window.background:not(.csd) > window.background > menu > separator {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+/************
+ * 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: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+#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: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+}
+
+#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: #338DD6;
+}
+
+/*********
+ * 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: #338DD6;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 4px 4px 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+  color: #e0e0e0;
+}
+
+UnityDecoration .top:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e0e0e0;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #010101;
+  color: #e0e0e0;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e0e0e0;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #338DD6;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #010101;
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar:not(.popup) {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.mate-panel-menu-bar button:checked {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(254, 254, 254, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(254, 254, 254, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+  border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+  border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(254, 254, 254, 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 0px;
+}
+
+.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: #53adf6;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: rgba(254, 254, 254, 0.3);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #338DD6;
+}
+
+.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(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+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(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeeeee;
+  font-weight: normal;
+}
+
+#mate-menu button label:not(:first-child) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 8px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 8px;
+  padding: 4px;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 4px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #303030;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.pluma-window statusbar frame > border {
+  border-style: none;
+}
+
+.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(0, 0, 0, 0.26);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border-radius: 4px;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 4px;
+  background-color: rgba(33, 33, 33, 0.9);
+  color: #e0e0e0;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #338DD6;
+}
+
+/******************
+ * 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: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+.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: 5px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-color: #303030;
+}
+
+.budgie-popover .container {
+  padding: 2px;
+}
+
+.budgie-popover border {
+  border: none;
+}
+
+.budgie-popover list {
+  background-color: transparent;
+}
+
+.budgie-popover row {
+  padding: 0;
+}
+
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeeeee;
+  font-weight: normal;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.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 .places-list:not(.always-expand) {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover .container {
+  padding: 2px 8px 8px;
+}
+
+.budgie-popover.workspace-popover separator {
+  margin: 4px 0;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(254, 254, 254, 0.12);
+}
+
+.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(254, 254, 254, 0.12);
+}
+
+.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 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+.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: 4px;
+}
+
+.budgie-menu.background {
+  padding: 0;
+  background-color: #303030;
+}
+
+.budgie-menu scrollbar,
+.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-menu .categories:dir(ltr) {
+  border-bottom-left-radius: 4px;
+}
+
+.budgie-menu .categories:dir(rtl) {
+  border-bottom-right-radius: 4px;
+}
+
+.budgie-menu button {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+  color: #eeeeee;
+  font-weight: normal;
+}
+
+.budgie-menu button:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.budgie-menu button:checked:disabled {
+  background-color: #338DD6;
+}
+
+.budgie-menu row {
+  padding: 0;
+}
+
+.budgie-menu row:hover {
+  box-shadow: none;
+}
+
+popover.background.user-menu {
+  padding: 8px;
+}
+
+popover.background.user-menu .content-box {
+  background-color: transparent;
+}
+
+popover.background.user-menu separator {
+  margin: 4px 0;
+}
+
+popover.background.user-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.background.places-menu {
+  padding: 8px;
+}
+
+popover.background.places-menu .name-button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(ltr) {
+  margin: 0 -2px 0 5px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(rtl) {
+  margin: 0 5px 0 -2px;
+}
+
+popover.background.places-menu .places-list {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: transparent;
+}
+
+popover.background.places-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+.budgie-panel {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #010101;
+  color: rgba(254, 254, 254, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:checked {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(254, 254, 254, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #d8645a;
+}
+
+.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(254, 254, 254, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(254, 254, 254, 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;
+}
+
+.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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher,
+.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
+  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;
+}
+
+.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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
+.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
+  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;
+}
+
+.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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher,
+.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
+  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;
+}
+
+.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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher,
+.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
+  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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
+}
+
+.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: #303030;
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven > stack {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked > button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 0;
+}
+
+.raven stackswitcher.linked > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+}
+
+.raven .raven-header {
+  min-height: 32px;
+  padding: 3px;
+}
+
+.raven .raven-header:not(.top) {
+  margin-top: -6px;
+}
+
+.raven .raven-header.top {
+  padding: 2px 0;
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0;
+  min-height: 32px;
+}
+
+.raven .raven-header.top button.image-button:dir(ltr) {
+  margin-right: 2px;
+}
+
+.raven .raven-header.top button.image-button:dir(rtl) {
+  margin-left: 2px;
+}
+
+.raven .raven-header.top > image {
+  margin: 0 8px;
+}
+
+.raven .raven-header.top > label {
+  margin: 0 -8px;
+  font-weight: bold;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.raven viewport.frame .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+.raven .raven-background.frame {
+  border-style: solid none;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 238, 238, 0.12);
+}
+
+.raven .raven-background grid > label:first-child {
+  min-height: 32px;
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .raven-header.top + .raven-background {
+  border-style: none;
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.raven .raven-header.top + .raven-background stackswitcher button {
+  margin: -4px 0;
+}
+
+.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: 4px;
+  background-color: #338DD6;
+}
+
+.raven-mpris {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fefefe;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 8px;
+}
+
+.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 4px;
+}
+
+.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
+  border-radius: 4px;
+  background-color: #303030;
+}
+
+.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
+  border-radius: 4px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 4px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 4px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #d8645a;
+}
+
+.budgie-run-dialog {
+  background-color: #303030;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 4px 12px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle,
+.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
+  opacity: 1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fefefe;
+}
+
+#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(254, 254, 254, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #fefefe;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+#content_frame {
+  padding-bottom: 20px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame button {
+  margin: -16px;
+}
+
+#greeter_infobar {
+  margin-top: -1px;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.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;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window infobar {
+  margin-top: -6px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #2a2a2a;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeee;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #eeeeee;
+/*
+widget base background color */
+@define-color theme_bg_color #212121;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #303030;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #338DD6;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fefefe;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #212121;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 238, 238, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #2a2a2a;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeeeee;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeeeee;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #212121;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #303030;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #338DD6;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #fefefe;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 238, 238, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.26);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.26);
+/*
+these are pretty self explicative */
+@define-color warning_color #bc742d;
+@define-color error_color #d8645a;
+@define-color success_color #0095a2;
+/*
+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 #e0e0e0;
+@define-color wm_unfocused_title rgba(224, 224, 224, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_bg #212121;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #303030;
+@define-color placeholder_text_color #b5b5b5;
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-3.22/assets b/dotfiles/.themes/oomox-materia-dark/gtk-3.22/assets
new file mode 120000
index 0000000..ac77667
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-3.22/assets
@@ -0,0 +1 @@
+../gtk-assets
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-3.22/gtk.css b/dotfiles/.themes/oomox-materia-dark/gtk-3.22/gtk.css
new file mode 100644
index 0000000..4d85c61
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-3.22/gtk.css
@@ -0,0 +1,6256 @@
+@keyframes ripple_effect {
+  to {
+    background-size: 1000% 1000%;
+  }
+}
+
+@keyframes scale_ripple_effect {
+  to {
+    background-size: auto, 1000% 1000%;
+  }
+}
+
+@keyframes header_ripple_effect {
+  from {
+    background-image: radial-gradient(circle farthest-corner at center, #338DD6 0%, transparent 0%);
+  }
+  to {
+    background-image: radial-gradient(circle farthest-corner at center, #338DD6 100%, transparent 0%);
+  }
+}
+
+* {
+  background-clip: padding-box;
+  -GtkToolButton-icon-spacing: 0;
+  -GtkTextView-error-underline-color: #d8645a;
+  -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: 0;
+  outline-style: solid;
+  outline-width: 2px;
+  outline-color: transparent;
+  outline-offset: -4px;
+  -gtk-outline-radius: 4px;
+  -gtk-secondary-caret-color: #338DD6;
+}
+
+notebook:focus tab,
+*:focus {
+  outline-color: alpha(currentColor, 0.24);
+}
+
+/***************
+ * Base States *
+ ***************/
+.background {
+  background-color: #212121;
+  color: #eeeeee;
+}
+
+/*
+   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: #212121;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:hover {
+  background-color: #141414;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:active {
+  background-color: #080808;
+  color: #eeeeee;
+}
+
+.gtkstyle-fallback:disabled {
+  background-color: #212121;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.gtkstyle-fallback:selected {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.view {
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+.view:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.view:hover, .view:active, .view:selected {
+  border-radius: 4px;
+}
+
+textview text {
+  background-color: #303030;
+}
+
+textview border {
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.rubberband,
+rubberband,
+flowbox rubberband,
+treeview.view rubberband,
+.content-view rubberband,
+.content-view .rubberband {
+  border: 1px solid #53adf6;
+  background-color: rgba(83, 173, 246, 0.3);
+}
+
+flowbox flowboxchild {
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.content-view .tile:selected {
+  background-color: transparent;
+  color: inherit;
+}
+
+label {
+  caret-color: currentColor;
+}
+
+label.separator {
+  color: #eeeeee;
+}
+
+label selection {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+label:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+tab label:disabled,
+button label:disabled {
+  color: inherit;
+}
+
+.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
+headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
+  opacity: 0.6;
+}
+
+assistant .sidebar {
+  padding: 4px 0;
+}
+
+assistant .sidebar label {
+  min-height: 32px;
+  padding: 0 12px;
+  color: rgba(238, 238, 238, 0.5);
+  font-weight: 500;
+}
+
+assistant .sidebar label.highlight {
+  color: #eeeeee;
+}
+
+/*********************
+ * Spinner Animation *
+ *********************/
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
+}
+
+spinner {
+  background: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+spinner:checked {
+  opacity: 1;
+  animation: spin 1s linear infinite;
+}
+
+spinner:checked:disabled {
+  opacity: 0.5;
+}
+
+/****************
+ * Text Entries *
+ ****************/
+spinbutton:not(.vertical),
+entry {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 4px;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+spinbutton:focus:not(.vertical),
+entry:focus {
+  border-image: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+spinbutton:disabled:not(.vertical),
+entry:disabled {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
+notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
+entry.flat {
+  border-radius: 0;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
+entry.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+}
+
+spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
+entry.flat:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton:not(.vertical) image,
+entry image {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
+entry image:hover,
+entry image:active {
+  color: #eeeeee;
+}
+
+spinbutton:not(.vertical) image:disabled,
+entry image:disabled {
+  color: rgba(238, 238, 238, 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) undershoot.left,
+entry undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+spinbutton:not(.vertical) undershoot.right,
+entry undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+spinbutton.error:not(.vertical),
+entry.error {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+spinbutton.error:focus:not(.vertical),
+entry.error:focus {
+  border-image: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+spinbutton.error:disabled:not(.vertical),
+entry.error:disabled {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
+notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
+entry.error.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #d8645a 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #d8645a;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
+entry.error.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #d8645a 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #d8645a;
+}
+
+spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
+entry.error.flat:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.error:not(.vertical) image,
+entry.error image {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
+entry.error image:hover,
+entry.error image:active {
+  color: #fefefe;
+}
+
+spinbutton.error:not(.vertical) image:disabled,
+entry.error image:disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+spinbutton.warning:not(.vertical),
+entry.warning {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: none;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #bc742d;
+  color: #fefefe;
+}
+
+spinbutton.warning:focus:not(.vertical),
+entry.warning:focus {
+  border-image: none;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+spinbutton.warning:disabled:not(.vertical),
+entry.warning:disabled {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #2a2a2a;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
+notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
+entry.warning.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px #bc742d;
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
+notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
+entry.warning.flat:focus {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 100%, transparent 0%) 0 0 2/0 0 2px;
+  box-shadow: inset 0 -1px #bc742d;
+}
+
+spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
+notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
+entry.warning.flat:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.warning:not(.vertical) image,
+entry.warning image {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
+entry.warning image:hover,
+entry.warning image:active {
+  color: #fefefe;
+}
+
+spinbutton.warning:not(.vertical) image:disabled,
+entry.warning image:disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+spinbutton:not(.vertical) progress,
+entry progress {
+  margin: 2px -6px;
+  border-bottom: 2px solid #338DD6;
+  background-color: transparent;
+}
+
+.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
+notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
+.linked.vertical > spinbutton.flat:not(.vertical),
+notebook > stack:not(:only-child) .linked.vertical > entry:not(.search),
+notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical),
+messagedialog .linked.vertical > entry,
+colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical),
+.linked.vertical > entry.preferences-search,
+layoutpane .linked.vertical > entry.search,
+editortweak .linked.vertical > entry.search,
+.raven .raven-background .linked.vertical > spinbutton:not(.vertical),
+#login_window .linked.vertical > entry, .linked:not(.vertical) >
+entry.flat,
+.linked.vertical >
+entry.flat {
+  border-radius: 0;
+}
+
+notebook > stack:not(:only-child) treeview entry.flat:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
+treeview entry.flat,
+treeview entry {
+  min-height: 0;
+  padding: 2px;
+  border-radius: 0;
+  background-color: #303030;
+}
+
+notebook > stack:not(:only-child) treeview entry.flat:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry.flat:focus:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), notebook > stack:not(:only-child) treeview entry:focus:not(.search),
+notebook > stack:not(:only-child) treeview spinbutton:focus:not(.vertical),
+treeview entry.flat,
+treeview entry.flat:focus,
+treeview entry,
+treeview entry: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(238, 238, 238, 0.12);
+  color: #eeeeee;
+}
+
+.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
+  background-image: image(rgba(238, 238, 238, 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;
+}
+
+.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+/***********
+ * Buttons *
+ ***********/
+@keyframes needs_attention {
+  from {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
+  }
+  to {
+    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent));
+  }
+}
+
+
+button {
+  min-height: 24px;
+  min-width: 16px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-weight: 500;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
+  background-color: #424242;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: #fafafa;
+}
+
+
+button:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
+  color: #eeeeee;
+}
+
+
+button:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #eeeeee;
+}
+
+
+button:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.3);
+}
+
+
+button:checked {
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+
+button:checked:disabled {
+  background-color: rgba(51, 141, 214, 0.3);
+  color: rgba(51, 141, 214, 0.5);
+}
+
+modelbutton.flat,
+.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
+popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
+radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
+headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, .nemo-window .toolbar button,
+button.flat {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+modelbutton.flat:hover,
+.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
+popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
+radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
+headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, .nemo-window .toolbar button:hover,
+button.flat:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+  color: #eeeeee;
+}
+
+modelbutton.flat:active,
+.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
+popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
+radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
+headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, .nemo-window .toolbar button:active,
+button.flat:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+  color: #eeeeee;
+}
+
+modelbutton.flat:disabled,
+.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
+popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
+radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
+headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, .nemo-window .toolbar button:disabled,
+button.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.3);
+}
+
+:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, .nemo-window .toolbar button:checked,
+button.flat:checked {
+  background-color: alpha(currentColor, 0.24);
+  color: #eeeeee;
+}
+
+:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
+headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
+button.flat:checked:disabled {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.text-button {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+
+button.image-button {
+  min-width: 24px;
+  padding: 4px;
+}
+
+
+button.text-button.image-button {
+  border-radius: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+
+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;
+}
+
+toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
+headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, .nemo-window .toolbar .linked > button,
+toolbar .linked.vertical > button,
+.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
+headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
+actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+.app-notification .linked.vertical > button,
+.nemo-window .toolbar .linked.vertical > button, .linked >
+button.flat,
+.linked.vertical >
+button.flat {
+  border-radius: 4px;
+}
+
+toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
+toolbar .linked.vertical > button.text-button.image-button,
+.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
+actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
+.app-notification .linked.vertical > button.text-button.image-button,
+.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
+button.flat.text-button.image-button,
+.linked.vertical >
+button.flat.text-button.image-button {
+  border-radius: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
+button:disabled {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: rgba(254, 254, 254, 0.3);
+}
+
+row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
+button.flat {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
+button.flat:hover, row:selected
+button.flat:active {
+  color: #fefefe;
+}
+
+row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
+button.flat:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
+button.flat:checked {
+  background-color: rgba(254, 254, 254, 0.3);
+  color: #fefefe;
+}
+
+row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
+button.flat:checked:disabled {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: rgba(254, 254, 254, 0.5);
+}
+
+
+button.osd {
+  padding: 8px 12px;
+}
+
+
+button.osd.image-button {
+  padding: 8px;
+}
+
+
+button.osd:disabled {
+  opacity: 0;
+}
+
+
+button.suggested-action {
+  background-color: #009688;
+  color: #fefefe;
+}
+
+
+button.suggested-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.suggested-action:checked {
+  background-color: #4cb5ab;
+}
+
+
+button.suggested-action.flat {
+  background-color: transparent;
+  color: #009688;
+}
+
+
+button.suggested-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.suggested-action.flat:checked {
+  background-color: rgba(0, 150, 136, 0.3);
+}
+
+
+button.destructive-action {
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+
+button.destructive-action:disabled {
+  box-shadow: none;
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.destructive-action:checked {
+  background-color: #e3928b;
+}
+
+
+button.destructive-action.flat {
+  background-color: transparent;
+  color: #d8645a;
+}
+
+
+button.destructive-action.flat:disabled {
+  box-shadow: none;
+  background-color: transparent;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+
+button.destructive-action.flat:checked {
+  background-color: rgba(216, 100, 90, 0.3);
+}
+
+.stack-switcher >
+button {
+  outline-offset: -4px;
+}
+
+.stack-switcher >
+button > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+.stack-switcher >
+button > image {
+  padding-left: 6px;
+  padding-right: 6px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.stack-switcher >
+button.text-button {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.stack-switcher >
+button.image-button {
+  padding-left: 2px;
+  padding-right: 2px;
+}
+
+.stack-switcher >
+button.needs-attention:checked > label,
+.stack-switcher >
+button.needs-attention:checked > image {
+  animation: none;
+  background-image: none;
+}
+
+.primary-toolbar
+button {
+  -gtk-icon-shadow: none;
+}
+
+
+button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
+headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button,
+headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
+.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
+radio, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
+button.close,
+button.circular {
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 0;
+  border-radius: 9999px;
+  -gtk-outline-radius: 9999px;
+}
+
+.stack-switcher > button.needs-attention > label,
+.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
+  animation: needs_attention 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-repeat: no-repeat;
+  background-position: right 3px;
+  background-size: 6px 6px;
+}
+
+.stack-switcher > button.needs-attention > label:dir(rtl),
+.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
+  background-position: left 3px;
+}
+
+.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
+  border-radius: 0;
+  -gtk-outline-radius: 4px;
+}
+
+.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
+  border-radius: 4px;
+}
+
+.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
+  border-radius: 0;
+  -gtk-outline-radius: 4px;
+}
+
+.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
+  border-radius: 4px;
+}
+
+/* menu buttons */
+modelbutton.flat,
+.menuitem.button.flat {
+  min-height: 28px;
+  padding: 0 8px;
+  border-radius: 4px;
+  color: inherit;
+}
+
+modelbutton.flat arrow {
+  background: none;
+}
+
+modelbutton.flat arrow:hover {
+  background: none;
+}
+
+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, button:link,
+button:visited, *:link:hover, button:hover:link,
+button:hover:visited, *:link:active, button:active:link,
+button:active:visited {
+  color: #3d82ff;
+}
+
+*:link:visited,
+button:visited, *:link:visited:hover,
+button:visited:hover, *:link:visited:active,
+button:visited:active {
+  color: #c366cf;
+}
+
+infobar.info *:link, infobar.info button:link,
+infobar.info button:visited, infobar.question *:link, infobar.question button:link,
+infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
+infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
+infobar.error button:visited, *:link:selected, button:selected:link,
+button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
+headerbar.selection-mode .subtitle:link,
+*:selected *:link,
+*:selected button:link,
+*:selected button:visited {
+  color: #fefefe;
+}
+
+button:link > label,
+button:visited > label {
+  text-decoration-line: underline;
+}
+
+/*****************
+ * GtkSpinButton *
+ *****************/
+spinbutton:not(.vertical) {
+  padding: 0;
+}
+
+notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
+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;
+}
+
+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:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+spinbutton.vertical:drop(active) {
+  box-shadow: none;
+}
+
+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.up {
+  border-radius: 4px 4px 0 0;
+}
+
+spinbutton.vertical button.down {
+  border-radius: 0 0 4px 4px;
+}
+
+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 {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  min-height: 16px;
+  min-width: 16px;
+}
+
+combobox decoration,
+combobox button.combo:checked {
+  transition: none;
+}
+
+combobox button.combo cellview:dir(ltr) {
+  margin-left: 0px;
+}
+
+combobox button.combo cellview:dir(rtl) {
+  margin-right: 0px;
+}
+
+combobox #gtk-combobox-popup-menu {
+  padding: 2px 0;
+}
+
+combobox #gtk-combobox-popup-menu menuitem {
+  min-height: 28px;
+  padding: 0 8px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.top {
+  margin-top: -2px;
+}
+
+combobox #gtk-combobox-popup-menu > arrow.bottom {
+  margin-top: 4px;
+  margin-bottom: -6px;
+}
+
+combobox:drop(active) {
+  box-shadow: none;
+}
+
+notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
+  border-radius: 0;
+  background-image: none;
+  font-weight: inherit;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.3);
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
+  box-shadow: inset 0 -2px rgba(238, 238, 238, 0.5);
+}
+
+notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
+  box-shadow: inset 0 -1px rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.5);
+}
+
+/************
+ * Toolbars *
+ ************/
+toolbar {
+  -GtkWidget-window-dragging: true;
+  padding: 2px;
+  background-color: #212121;
+}
+
+.osd toolbar {
+  background-color: transparent;
+}
+
+toolbar.osd, .app-notification, frame.documents-dropdown {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 4px;
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
+  border-radius: 0;
+}
+
+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;
+}
+
+.inline-toolbar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #2a2a2a;
+}
+
+searchbar > revealer > box,
+.location-bar {
+  padding: 4px;
+  border-style: solid;
+  border-width: 0 0 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+  background-clip: border-box;
+}
+
+searchbar > revealer > box {
+  margin: -6px;
+  padding: 4px;
+}
+
+/***************
+ * Header bars *
+ ***************/
+.titlebar:not(headerbar),
+headerbar {
+  transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), color 250ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 40px;
+  padding: 0 4px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+  color: #e0e0e0;
+}
+
+.titlebar:disabled:not(headerbar) :not(button) > label,
+headerbar:disabled :not(button) > label {
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.titlebar:backdrop:not(headerbar),
+headerbar:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
+headerbar:backdrop:disabled :not(button) > label {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) .title,
+headerbar .title {
+  padding: 0 12px;
+  font-weight: bold;
+}
+
+.titlebar:not(headerbar) .subtitle,
+headerbar .subtitle {
+  padding: 0 12px;
+  font-size: smaller;
+}
+
+.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
+headerbar .linked:not(.vertical) > entry:not(.flat) {
+  border-radius: 4px;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
+headerbar 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: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
+headerbar button:not(.suggested-action):not(.destructive-action):hover,
+headerbar button:not(.suggested-action):not(.destructive-action):active {
+  color: #e0e0e0;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
+headerbar 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: #e0e0e0;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):checked,
+headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  background-color: transparent;
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
+headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
+headerbar button.suggested-action:disabled,
+headerbar button.destructive-action:disabled {
+  background-color: rgba(224, 224, 224, 0.12);
+  color: rgba(224, 224, 224, 0.5);
+}
+
+.selection-mode.titlebar:not(headerbar),
+headerbar.selection-mode {
+  transition: background-color 0.00001s 250ms, color 250ms cubic-bezier(0, 0, 0.2, 1);
+  animation: header_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.selection-mode.titlebar:backdrop:not(headerbar),
+headerbar.selection-mode:backdrop {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
+headerbar.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: #fefefe;
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
+headerbar.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: #fefefe;
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
+headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.selection-mode.titlebar:not(headerbar) .selection-menu,
+headerbar.selection-mode .selection-menu {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
+headerbar.selection-mode .selection-menu arrow {
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
+headerbar.selection-mode .selection-menu .arrow {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+.tiled .titlebar:not(headerbar),
+.tiled-top .titlebar:not(headerbar),
+.tiled-right .titlebar:not(headerbar),
+.tiled-bottom .titlebar:not(headerbar),
+.tiled-left .titlebar:not(headerbar),
+.maximized .titlebar:not(headerbar),
+.fullscreen .titlebar:not(headerbar), .tiled
+headerbar,
+.tiled-top
+headerbar,
+.tiled-right
+headerbar,
+.tiled-bottom
+headerbar,
+.tiled-left
+headerbar,
+.maximized
+headerbar,
+.fullscreen
+headerbar {
+  border-radius: 0;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.default-decoration.titlebar:not(headerbar),
+headerbar.default-decoration {
+  min-height: 24px;
+  padding: 4px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.tiled .default-decoration.titlebar:not(headerbar),
+.maximized .default-decoration.titlebar:not(headerbar),
+.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
+headerbar.default-decoration,
+.maximized
+headerbar.default-decoration,
+.fullscreen
+headerbar.default-decoration {
+  box-shadow: none;
+}
+
+.default-decoration.titlebar:not(headerbar) button.titlebutton,
+headerbar.default-decoration button.titlebutton {
+  min-height: 24px;
+  min-width: 24px;
+  margin: 0;
+  padding: 0;
+}
+
+.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
+headerbar.default-decoration button.titlebutton:active {
+  background-size: 1000% 1000%;
+}
+
+headerbar entry,
+headerbar spinbutton,
+headerbar button {
+  margin-top: 4px;
+  margin-bottom: 4px;
+}
+
+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;
+}
+
+.background .titlebar {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.background.tiled .titlebar,
+.background.tiled-top .titlebar,
+.background.tiled-right .titlebar,
+.background.tiled-bottom .titlebar,
+.background.tiled-left .titlebar,
+.background.maximized .titlebar,
+.background.solid-csd .titlebar {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+window separator:first-child + headerbar,
+window headerbar:first-child {
+  border-top-left-radius: 4px;
+}
+
+window headerbar:last-child {
+  border-top-right-radius: 4px;
+}
+
+window stack headerbar:first-child, window stack headerbar:last-child {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
+window.tiled-top headerbar,
+window.tiled-top headerbar:first-child,
+window.tiled-top headerbar:last-child,
+window.tiled-top headerbar:only-child,
+window.tiled-right headerbar,
+window.tiled-right headerbar:first-child,
+window.tiled-right headerbar:last-child,
+window.tiled-right headerbar:only-child,
+window.tiled-bottom headerbar,
+window.tiled-bottom headerbar:first-child,
+window.tiled-bottom headerbar:last-child,
+window.tiled-bottom headerbar:only-child,
+window.tiled-left headerbar,
+window.tiled-left headerbar:first-child,
+window.tiled-left headerbar:last-child,
+window.tiled-left headerbar:only-child,
+window.maximized headerbar,
+window.maximized headerbar:first-child,
+window.maximized headerbar:last-child,
+window.maximized headerbar:only-child,
+window.fullscreen headerbar,
+window.fullscreen headerbar:first-child,
+window.fullscreen headerbar:last-child,
+window.fullscreen headerbar:only-child,
+window.solid-csd headerbar,
+window.solid-csd headerbar:first-child,
+window.solid-csd headerbar:last-child,
+window.solid-csd headerbar:only-child {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+window.csd > .titlebar:not(headerbar) {
+  padding: 0;
+  background-color: transparent;
+  background-image: none;
+  border-style: none;
+  box-shadow: none;
+}
+
+.titlebar:not(headerbar) > separator {
+  background-color: #212121;
+  background-image: image(rgba(0, 0, 0, 0.26));
+}
+
+/************
+ * Pathbars *
+ ************/
+.caja-pathbar button,
+.path-bar button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.caja-pathbar button label:not(:only-child):first-child,
+.path-bar button label:not(:only-child):first-child {
+  margin-left: 4px;
+}
+
+.caja-pathbar button label:not(:only-child):last-child,
+.path-bar button label:not(:only-child):last-child {
+  margin-right: 4px;
+}
+
+.caja-pathbar button.slider-button,
+.path-bar button.slider-button {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
+.path-bar button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 4px;
+}
+
+:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
+.path-bar button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
+}
+
+:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
+.path-bar button:checked, :not(headerbar)
+.path-bar button:checked:disabled {
+  background-color: transparent;
+}
+
+/**************
+ * Tree Views *
+ **************/
+treeview.view {
+  border-left-color: rgba(238, 238, 238, 0.3);
+  border-top-color: rgba(0, 0, 0, 0.26);
+}
+
+* {
+  -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:selected {
+  border-left-color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view:hover, treeview.view:active, treeview.view:selected {
+  border-radius: 0;
+}
+
+treeview.view.separator {
+  min-height: 5px;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+treeview.view:drop(active) {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: #009688;
+}
+
+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(238, 238, 238, 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: #eeeeee;
+}
+
+treeview.view.expander:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+treeview.view.expander:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
+  color: #fefefe;
+}
+
+treeview.view.expander:selected:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view.progressbar {
+  border-bottom: 4px solid #338DD6;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.progressbar:selected {
+  border-bottom-color: #fefefe;
+}
+
+treeview.view.trough {
+  border-bottom: 4px solid rgba(51, 141, 214, 0.3);
+  box-shadow: none;
+  background-color: transparent;
+}
+
+treeview.view.trough:selected {
+  border-bottom-color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view header button {
+  padding: 2px 6px;
+  border-style: none solid solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  background-clip: border-box;
+}
+
+treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
+  box-shadow: none;
+}
+
+treeview.view header button, treeview.view header button:disabled {
+  background-color: #303030;
+}
+
+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(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #303030;
+  background-clip: border-box;
+  color: #338DD6;
+}
+
+treeview.view acceleditor > label {
+  background-color: #338DD6;
+}
+
+/*********
+ * Menus *
+ *********/
+menubar,
+.menubar {
+  -GtkWidget-window-dragging: true;
+  padding: 0;
+  background-color: #212121;
+}
+
+menubar > menuitem,
+.menubar > menuitem {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  padding: 4px 8px;
+  color: rgba(224, 224, 224, 0.7);
+}
+
+menubar > menuitem:hover,
+.menubar > menuitem:hover {
+  transition: none;
+  background-color: rgba(224, 224, 224, 0.12);
+  color: #e0e0e0;
+}
+
+menubar > menuitem:disabled,
+.menubar > menuitem:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+menubar > menuitem label:disabled,
+.menubar > menuitem label:disabled {
+  color: inherit;
+}
+
+.csd.popup {
+  background-color: transparent;
+}
+
+menu,
+.menu,
+.context-menu {
+  margin: 4px 0;
+  padding: 4px 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.csd menu, .csd
+.menu, .csd
+.context-menu {
+  border: none;
+  border-radius: 4px;
+}
+
+menu menuitem,
+.menu menuitem,
+.context-menu menuitem {
+  transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
+  min-height: 20px;
+  min-width: 40px;
+  padding: 4px 8px;
+  font: initial;
+  text-shadow: none;
+}
+
+menu menuitem:hover,
+.menu menuitem:hover,
+.context-menu menuitem:hover {
+  transition: none;
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+menu menuitem:disabled,
+.menu menuitem:disabled,
+.context-menu menuitem:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+menu menuitem arrow,
+.menu menuitem arrow,
+.context-menu menuitem arrow {
+  min-height: 16px;
+  min-width: 16px;
+}
+
+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 menuitem label:dir(rtl), menu menuitem label:dir(ltr),
+.menu menuitem label:dir(rtl),
+.menu menuitem label:dir(ltr),
+.context-menu menuitem label:dir(rtl),
+.context-menu menuitem label:dir(ltr) {
+  color: inherit;
+}
+
+menu > arrow,
+.menu > arrow,
+.context-menu > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 4px;
+  background-color: #303030;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+menu > arrow.top,
+.menu > arrow.top,
+.context-menu > arrow.top {
+  margin-top: -4px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 4px 4px 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(0, 0, 0, 0.26);
+  border-radius: 0 0 4px 4px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+menu > arrow:hover,
+.menu > arrow:hover,
+.context-menu > arrow:hover {
+  background-image: image(rgba(238, 238, 238, 0.12));
+  color: #eeeeee;
+}
+
+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(238, 238, 238, 0.7);
+}
+
+.popup:not(.csd) menu menuitem {
+  color: #eeeeee;
+}
+
+.popup:not(.csd) menu menuitem:hover {
+  background-color: #474747;
+}
+
+.popup:not(.csd) menu menuitem:disabled {
+  color: #8f8f8f;
+}
+
+.popup:not(.csd) menu accelerator {
+  color: #b5b5b5;
+}
+
+/************
+ * Popovers *
+ ************/
+popover.background {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  padding: 2px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-color: #303030;
+}
+
+popover.background:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+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: 5px;
+}
+
+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: 4px;
+}
+
+popover.background separator {
+  margin: 4px 0;
+}
+
+popover.background list separator {
+  margin: 0;
+}
+
+/*************
+ * Notebooks *
+ *************/
+notebook > header {
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+  background-clip: border-box;
+}
+
+notebook > header.top {
+  border-bottom-style: solid;
+}
+
+notebook > header.top > tabs {
+  margin-bottom: -1px;
+}
+
+notebook > header.top > tabs > tab:hover {
+  box-shadow: inset 0 -2px rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.top > tabs > tab:checked {
+  box-shadow: inset 0 -2px #338DD6;
+}
+
+notebook > header.bottom {
+  border-top-style: solid;
+}
+
+notebook > header.bottom > tabs {
+  margin-top: -1px;
+}
+
+notebook > header.bottom > tabs > tab:hover {
+  box-shadow: inset 0 2px rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.bottom > tabs > tab:checked {
+  box-shadow: inset 0 2px #338DD6;
+}
+
+notebook > header.left {
+  border-right-style: solid;
+}
+
+notebook > header.left > tabs {
+  margin-right: -1px;
+}
+
+notebook > header.left > tabs > tab:hover {
+  box-shadow: inset -2px 0 rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.left > tabs > tab:checked {
+  box-shadow: inset -2px 0 #338DD6;
+}
+
+notebook > header.right {
+  border-left-style: solid;
+}
+
+notebook > header.right > tabs {
+  margin-left: -1px;
+}
+
+notebook > header.right > tabs > tab:hover {
+  box-shadow: inset 2px 0 rgba(238, 238, 238, 0.3);
+}
+
+notebook > header.right > tabs > tab:checked {
+  box-shadow: inset 2px 0 #338DD6;
+}
+
+notebook > header.top > tabs > arrow {
+  border-top-style: none;
+}
+
+notebook > header.bottom > tabs > arrow {
+  border-bottom-style: none;
+}
+
+notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
+  margin-left: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
+}
+
+notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
+  margin-right: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
+}
+
+notebook > header.left > tabs > arrow {
+  border-left-style: none;
+}
+
+notebook > header.right > tabs > arrow {
+  border-right-style: none;
+}
+
+notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
+  margin-top: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
+}
+
+notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
+  margin-bottom: -8px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+notebook > header > tabs > arrow {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 0;
+}
+
+notebook > header tab {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 12px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+notebook > header tab:hover {
+  color: #eeeeee;
+}
+
+notebook > header tab:hover.reorderable-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #2a2a2a;
+}
+
+notebook > header tab:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+notebook > header tab:checked {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeeeee;
+}
+
+notebook > header tab:checked:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+notebook > header tab:checked.reorderable-page {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+notebook > header tab button.flat:last-child {
+  margin-left: 4px;
+  margin-right: -8px;
+}
+
+notebook > header tab button.flat:first-child {
+  margin-left: -8px;
+  margin-right: 4px;
+}
+
+notebook > header.top tabs, notebook > header.bottom tabs {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
+  margin-left: 0;
+}
+
+notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
+  margin-right: 0;
+}
+
+notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
+  margin: 0 -1px;
+  border-style: none solid;
+}
+
+notebook > header.left tabs, notebook > header.right tabs {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
+  margin-top: 0;
+}
+
+notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
+  margin-bottom: 0;
+}
+
+notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
+  margin: -1px 0;
+  border-style: solid none;
+}
+
+notebook > stack:not(:only-child) {
+  background-color: #303030;
+}
+
+/**************
+ * Scrollbars *
+ **************/
+scrollbar {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #303030;
+  background-clip: border-box;
+}
+
+* {
+  -GtkScrollbar-has-backward-stepper: false;
+  -GtkScrollbar-has-forward-stepper: false;
+}
+
+scrollbar.top {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.bottom {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.left {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar.right {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrollbar slider {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
+  min-width: 8px;
+  min-height: 8px;
+  border: 4px solid transparent;
+  border-radius: 9999px;
+  background-clip: padding-box;
+  background-color: rgba(238, 238, 238, 0.5);
+}
+
+scrollbar slider:hover {
+  background-color: rgba(238, 238, 238, 0.7);
+}
+
+scrollbar slider:active {
+  background-color: #eeeeee;
+}
+
+scrollbar slider:disabled {
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+scrollbar.fine-tune slider {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
+  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(.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(48, 48, 48, 0.3);
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
+  min-width: 4px;
+  min-height: 4px;
+  margin: 3px;
+  border: 1px solid rgba(48, 48, 48, 0.3);
+  border-radius: 9999px;
+  background-color: rgba(238, 238, 238, 0.5);
+  background-clip: padding-box;
+  -gtk-icon-source: none;
+}
+
+scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
+  background-color: rgba(238, 238, 238, 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: rgba(48, 48, 48, 0.9);
+}
+
+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: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 250ms cubic-bezier(0, 0, 0.2, 1);
+  margin: 4px 0;
+  padding: 0 2px;
+  border: 5px solid transparent;
+  border-radius: 9999px;
+  background-color: rgba(238, 238, 238, 0.3);
+  background-clip: padding-box;
+  font-size: 0;
+}
+
+switch:checked {
+  background-color: rgba(0, 150, 136, 0.5);
+}
+
+switch:disabled {
+  opacity: 0.5;
+}
+
+switch slider {
+  transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 250ms 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 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  background-color: #303030;
+  color: rgba(238, 238, 238, 0.7);
+}
+
+switch:hover slider {
+  box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+switch:focus slider {
+  box-shadow: 0 0 0 10px alpha(currentColor, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+switch:focus:hover slider {
+  box-shadow: 0 0 0 10px alpha(currentColor, 0.24), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+switch:checked slider {
+  background-color: #009688;
+  color: #009688;
+}
+
+/*************************
+ * Check and Radio items *
+ *************************/
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: none;
+  -gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
+.content-view .tile check:not(list):hover,
+.content-view .tile check:not(list):active {
+  -gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  -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 .tile check:not(list):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;
+}
+
+check:focus,
+radio:focus {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
+}
+
+check:hover,
+radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+}
+
+check:checked, check:indeterminate,
+radio:checked,
+radio:indeterminate {
+  color: #009688;
+}
+
+check:checked:disabled, check:indeterminate:disabled,
+radio:checked:disabled,
+radio:indeterminate:disabled {
+  color: rgba(0, 150, 136, 0.5);
+}
+
+row:selected check:not(:checked):not(:indeterminate), row:selected
+radio:not(:checked):not(:indeterminate) {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
+radio:not(:checked):not(:indeterminate):hover, row:selected
+radio:not(:checked):not(:indeterminate):active {
+  color: #fefefe;
+}
+
+row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
+radio:not(:checked):not(:indeterminate):disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
+radio, popover
+radio:focus, popover
+radio:hover, popover
+radio:active, popover
+radio:disabled {
+  transition: none;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover check:not(:checked):not(:indeterminate):not(:disabled), popover
+radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+popover check.left:dir(rtl), popover
+radio.left:dir(rtl) {
+  margin-left: -12px;
+  margin-right: -4px;
+}
+
+popover check.right:dir(ltr), popover
+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:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
+radio:not(:checked):not(:indeterminate):not(:disabled) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
+radio, menu menuitem
+radio:hover, menu menuitem
+radio:disabled {
+  box-shadow: none;
+}
+
+
+check {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
+}
+
+
+check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
+}
+
+
+check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
+}
+
+
+radio {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
+  border-image-slice: 20;
+  border-image-width: 20px;
+}
+
+
+radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
+}
+
+
+radio {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate) {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent));
+}
+
+
+radio:checked:not(:indeterminate):disabled {
+  border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent));
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+menu menuitem check {
+  min-height: 16px;
+  min-width: 16px;
+  border-radius: 4px;
+  -gtk-outline-radius: 4px;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:checked,
+menu menuitem check:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:indeterminate,
+menu menuitem check:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio,
+menu menuitem radio {
+  min-height: 16px;
+  min-width: 16px;
+  border-image: none;
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:checked,
+menu menuitem radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
+}
+
+window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
+menu menuitem radio:indeterminate {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
+}
+
+check:not(:checked):active {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+check:not(:checked):indeterminate:active,
+radio:not(:checked):indeterminate:active {
+  -gtk-icon-transform: scaleX(-1);
+}
+
+check:not(:checked),
+radio:not(:checked) {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
+}
+
+check:not(:checked):active,
+radio:not(:checked):active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
+}
+
+menu menuitem check:not(:checked), menu menuitem
+radio:not(:checked) {
+  transition: none;
+}
+
+treeview.view check,
+treeview.view radio {
+  padding: 0;
+}
+
+treeview.view check:hover,
+treeview.view radio:hover {
+  box-shadow: inset 0 0 0 9999px alpha(#eeeeee, 0.05);
+}
+
+treeview.view check:hover:disabled,
+treeview.view radio:hover:disabled {
+  box-shadow: none;
+}
+
+treeview.view check:hover:selected,
+treeview.view radio:hover:selected {
+  box-shadow: inset 0 0 0 9999px alpha(#fefefe, 0.05);
+}
+
+treeview.view check,
+treeview.view radio {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+treeview.view check:hover, treeview.view check:active,
+treeview.view radio:hover,
+treeview.view radio:active {
+  color: #eeeeee;
+}
+
+treeview.view check:disabled,
+treeview.view radio:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+treeview.view check:checked, treeview.view check:indeterminate,
+treeview.view radio:checked,
+treeview.view radio:indeterminate {
+  color: #009688;
+}
+
+treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
+treeview.view radio:checked:disabled,
+treeview.view radio:indeterminate:disabled {
+  color: rgba(0, 150, 136, 0.5);
+}
+
+treeview.view check:selected,
+treeview.view radio:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+treeview.view check:selected:hover, treeview.view check:selected:active,
+treeview.view radio:selected:hover,
+treeview.view radio:selected:active {
+  color: #fefefe;
+}
+
+treeview.view check:selected:disabled,
+treeview.view radio:selected:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
+treeview.view radio:selected:checked,
+treeview.view radio:selected:indeterminate {
+  color: #009688;
+}
+
+treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
+treeview.view radio:selected:checked:disabled,
+treeview.view radio:selected:indeterminate:disabled {
+  color: rgba(0, 150, 136, 0.5);
+}
+
+treeview.view radio:checked {
+  -gtk-icon-source: -gtk-recolor(url("assets/scalable/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 250ms cubic-bezier(0, 0, 0.2, 1);
+  outline: none;
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+scale trough:disabled {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+scale highlight {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #009688;
+}
+
+scale highlight:disabled {
+  background-color: transparent;
+}
+
+scale fill {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: rgba(238, 238, 238, 0.3);
+}
+
+scale fill:disabled {
+  background-color: transparent;
+}
+
+scale slider {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: auto, 1000% 1000%;
+  border-radius: 50%;
+  color: transparent;
+}
+
+scale slider {
+  background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png")), radial-gradient(circle farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 10%, transparent 0%);
+}
+
+scale slider:focus {
+  background-color: rgba(0, 150, 136, 0.16);
+}
+
+scale slider:hover {
+  background-color: rgba(0, 150, 136, 0.12);
+}
+
+scale slider:active {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  animation: scale_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  background-size: auto, 0% 0%;
+  background-color: rgba(0, 150, 136, 0.12);
+  color: rgba(0, 150, 136, 0.12);
+}
+
+scale marks label,
+scale value {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+scale marks {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+scale marks.top {
+  margin-bottom: 7px;
+  margin-top: -15px;
+}
+
+scale marks.bottom {
+  margin-top: 7px;
+  margin-bottom: -15px;
+}
+
+scale marks.left {
+  margin-right: 7px;
+  margin-left: -15px;
+}
+
+scale marks.right {
+  margin-left: 7px;
+  margin-right: -15px;
+}
+
+scale.fine-tune marks.top {
+  margin-bottom: 6px;
+  margin-top: -14px;
+}
+
+scale.fine-tune marks.bottom {
+  margin-top: 6px;
+  margin-bottom: -14px;
+}
+
+scale.fine-tune marks.left {
+  margin-right: 6px;
+  margin-left: -14px;
+}
+
+scale.fine-tune marks.right {
+  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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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 farthest-corner at center, currentColor 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(238, 238, 238, 0.5);
+  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(51, 141, 214, 0.3);
+}
+
+progressbar progress {
+  background-color: #338DD6;
+}
+
+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: #bc742d;
+}
+
+levelbar block.high, levelbar block:not(.empty) {
+  background-color: #338DD6;
+}
+
+levelbar block.full {
+  background-color: #0095a2;
+}
+
+levelbar block.empty {
+  background-color: rgba(238, 238, 238, 0.12);
+}
+
+/****************
+ * Print dialog *
+*****************/
+printdialog paper {
+  padding: 0;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+printdialog .dialog-action-box {
+  margin: 12px;
+}
+
+/**********
+ * Frames *
+ **********/
+frame > border,
+.frame {
+  margin: 0;
+  padding: 0;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+}
+
+frame > border.flat,
+.frame.flat,
+frame.flat > border {
+  border-style: none;
+}
+
+actionbar > revealer > box {
+  padding: 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+scrolledwindow viewport.frame {
+  border-style: none;
+}
+
+overshoot.top {
+  background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), 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(83, 173, 246, 0.3)), to(transparent));
+  background-repeat: no-repeat;
+  background-position: right center;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+
+undershoot.top {
+  background-color: transparent;
+  background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-top: 1px;
+  background-size: 12px 1px;
+  background-repeat: repeat-x;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+undershoot.bottom {
+  background-color: transparent;
+  background-image: linear-gradient(to left, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-bottom: 1px;
+  background-size: 12px 1px;
+  background-repeat: repeat-x;
+  background-origin: content-box;
+  background-position: left bottom;
+}
+
+undershoot.left {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-left: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: left top;
+}
+
+undershoot.right {
+  background-color: transparent;
+  background-image: linear-gradient(to top, rgba(48, 48, 48, 0.3) 50%, rgba(238, 238, 238, 0.3) 50%);
+  padding-right: 1px;
+  background-size: 1px 12px;
+  background-repeat: repeat-y;
+  background-origin: content-box;
+  background-position: right top;
+}
+
+junction {
+  border-style: solid none none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+junction:dir(rtl) {
+  border-style: solid solid none none;
+}
+
+separator {
+  min-width: 1px;
+  min-height: 1px;
+  background-color: rgba(0, 0, 0, 0.26);
+}
+
+
+button.font separator,
+button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
+  min-width: 0;
+  min-height: 0;
+  background-color: transparent;
+}
+
+/*********
+ * Lists *
+ *********/
+list {
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+list row {
+  padding: 2px;
+}
+
+row.activatable, .view, treeview.view header button, .budgie-menu button {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px transparent;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 1000% 1000%;
+}
+
+row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
+}
+
+row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
+  animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
+  box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
+  background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
+  background-size: 0% 0%;
+}
+
+/*********************
+ * App Notifications *
+ *********************/
+.app-notification {
+  margin: 8px;
+}
+
+.app-notification.frame,
+.app-notification border {
+  border-style: none;
+}
+
+/*************
+ * Expanders *
+ *************/
+expander title > arrow {
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+  min-width: 16px;
+  min-height: 16px;
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -gtk-icon-transform: rotate(-90deg);
+  color: rgba(238, 238, 238, 0.7);
+}
+
+expander title > arrow:dir(rtl) {
+  -gtk-icon-transform: rotate(90deg);
+}
+
+expander title > arrow:checked {
+  -gtk-icon-transform: unset;
+}
+
+expander title > arrow:hover, expander title > arrow:active {
+  color: #eeeeee;
+}
+
+expander title > arrow:disabled {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+expander title > arrow:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+expander title > arrow:selected:hover, expander title > arrow:selected:active {
+  color: #fefefe;
+}
+
+expander title > arrow:selected:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+/************
+ * Calendar *
+ ************/
+calendar {
+  padding: 1px;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  color: #eeeeee;
+}
+
+calendar:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+calendar:selected {
+  border-radius: 5px;
+}
+
+calendar.header {
+  border-style: none none solid;
+  border-radius: 0;
+}
+
+calendar.highlight {
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+calendar:indeterminate {
+  color: rgba(238, 238, 238, 0.3);
+}
+
+/***********
+ * Dialogs *
+ ***********/
+messagedialog.background {
+  background-color: #303030;
+}
+
+messagedialog .titlebar {
+  min-height: 24px;
+  border-style: none;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+  color: #eeeeee;
+}
+
+messagedialog .titlebar:backdrop {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+messagedialog.csd.background {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+messagedialog.csd .dialog-action-area {
+  margin-top: -4px;
+  padding: 4px;
+}
+
+messagedialog.csd .dialog-action-area button {
+  border-radius: 4px;
+}
+
+messagedialog.csd .dialog-action-area button:not(:last-child) {
+  margin-right: 4px;
+}
+
+messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
+  color: #009688;
+}
+
+messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
+  color: #d8645a;
+}
+
+filechooser .dialog-action-box {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+filechooser #pathbarbox {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+filechooserbutton:drop(active) {
+  box-shadow: none;
+}
+
+/***********
+ * Sidebar *
+ ***********/
+.sidebar {
+  border-style: none;
+  background-color: #2a2a2a;
+}
+
+stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+  border-left-style: none;
+}
+
+stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+  border-right-style: none;
+}
+
+.sidebar list {
+  background-color: transparent;
+}
+
+paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
+  border-style: none;
+}
+
+stacksidebar row {
+  padding: 10px 4px;
+}
+
+stacksidebar row > label {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+
+/****************
+ * File chooser *
+ ****************/
+row image.sidebar-icon {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+row:selected image.sidebar-icon {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+placessidebar > viewport.frame {
+  border-style: none;
+}
+
+placessidebar list {
+  padding: 1px 0 4px;
+}
+
+placessidebar row {
+  min-height: 32px;
+  margin: -1px 0;
+  padding: 0;
+}
+
+placessidebar row > revealer {
+  padding: 0 12px;
+}
+
+placessidebar row:selected {
+  color: #fefefe;
+}
+
+placessidebar row:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+placessidebar row image.sidebar-icon:dir(ltr) {
+  padding-right: 8px;
+}
+
+placessidebar row image.sidebar-icon:dir(rtl) {
+  padding-left: 8px;
+}
+
+placessidebar row label.sidebar-label:dir(ltr) {
+  padding-right: 2px;
+}
+
+placessidebar row label.sidebar-label:dir(rtl) {
+  padding-left: 2px;
+}
+
+placessidebar row.sidebar-placeholder-row {
+  min-height: 2px;
+  padding: 0 8px;
+  background-image: image(#009688);
+  background-clip: content-box;
+}
+
+placessidebar row.sidebar-new-bookmark-row {
+  color: #009688;
+}
+
+placessidebar row:drop(active):not(:disabled) {
+  box-shadow: inset 0 0 0 2px #009688;
+}
+
+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 > 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(0, 0, 0, 0.26));
+  background-size: 1px 1px;
+  background-clip: content-box;
+}
+
+paned > separator.wide {
+  min-width: 6px;
+  min-height: 6px;
+  background-color: #212121;
+  background-image: image(rgba(0, 0, 0, 0.26)), image(rgba(0, 0, 0, 0.26));
+  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.info {
+  background-color: #8b71ff;
+}
+
+infobar.question {
+  background-color: #8b71ff;
+}
+
+infobar.warning {
+  background-color: #bc742d;
+}
+
+infobar.error {
+  background-color: #d8645a;
+}
+
+infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
+  color: #fefefe;
+}
+
+/************
+ * Tooltips *
+ ************/
+tooltip {
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+tooltip.background {
+  background-color: rgba(33, 33, 33, 0.9);
+  color: #e0e0e0;
+}
+
+tooltip decoration {
+  background-color: transparent;
+}
+
+tooltip label {
+  min-height: 20px;
+  padding: 0 2px;
+}
+
+/*****************
+ * Color Chooser *
+ *****************/
+colorswatch.top {
+  border-top-left-radius: 4.5px;
+  border-top-right-radius: 4.5px;
+}
+
+colorswatch.top overlay {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+colorswatch.bottom {
+  border-bottom-left-radius: 4.5px;
+  border-bottom-right-radius: 4.5px;
+}
+
+colorswatch.bottom overlay {
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+colorswatch.left, colorswatch:first-child:not(.top) {
+  border-top-left-radius: 4.5px;
+  border-bottom-left-radius: 4.5px;
+}
+
+colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+colorswatch.right, colorswatch:last-child:not(.bottom) {
+  border-top-right-radius: 4.5px;
+  border-bottom-right-radius: 4.5px;
+}
+
+colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+colorswatch.dark {
+  color: #212121;
+}
+
+colorswatch.light {
+  color: #eeeeee;
+}
+
+colorswatch:drop(active) {
+  box-shadow: none;
+}
+
+colorswatch:drop(active).light overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
+}
+
+colorswatch:drop(active).dark overlay {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
+}
+
+colorswatch overlay {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+colorswatch overlay:hover {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+colorswatch#add-color-button {
+  border-radius: 4px 4px 0 0;
+  color: #212121;
+}
+
+colorswatch#add-color-button:only-child {
+  border-radius: 4px;
+}
+
+colorswatch#add-color-button overlay {
+  background-image: linear-gradient(to right, #d8645a 25%, #bc742d 25%, #bc742d 50%, #8b71ff 50%, #8b71ff 75%, #8b71ff 75%);
+}
+
+colorswatch:disabled {
+  opacity: 0.5;
+}
+
+colorswatch:disabled overlay {
+  box-shadow: none;
+}
+
+colorswatch#editor-color-sample {
+  border-radius: 4.5px;
+}
+
+colorswatch#editor-color-sample overlay {
+  border-radius: 4px;
+}
+
+colorchooser .popover.osd {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+colorchooser .popover.osd:backdrop {
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+/********
+ * Misc *
+ ********/
+.content-view {
+  background-color: #212121;
+}
+
+/**********************
+ * Window Decorations *
+ **********************/
+decoration {
+  transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
+  border-radius: 4px 4px 0 0;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
+  margin: 8px;
+}
+
+decoration:backdrop {
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px 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: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+}
+
+tooltip.csd decoration {
+  border-radius: 4px;
+  box-shadow: none;
+}
+
+messagedialog.csd decoration {
+  border-radius: 4px;
+}
+
+.solid-csd decoration {
+  margin: 0;
+  border-radius: 0;
+  box-shadow: none;
+  background-color: #212121;
+}
+
+.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
+entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, popover.background.menu button:checked,
+popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
+  background-color: #338DD6;
+}
+
+row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
+entry selection, modelbutton.flat:selected,
+.menuitem.button.flat:selected, popover.background.menu button:checked,
+popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
+  color: #fefefe;
+}
+
+row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
+entry selection:disabled, modelbutton.flat:disabled:selected,
+.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
+popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
+  color: rgba(254, 254, 254, 0.5);
+}
+
+.monospace {
+  font-family: monospace;
+}
+
+/**********************
+ * Touch Copy & Paste *
+ **********************/
+cursor-handle {
+  border-radius: 9999px;
+  background-color: #009688;
+  background-image: none;
+}
+
+cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
+  padding-left: 6px;
+  border-top-right-radius: 0;
+}
+
+cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
+  padding-right: 6px;
+  border-top-left-radius: 0;
+}
+
+cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
+  -GtkWidget-text-handle-width: 24;
+  -GtkWidget-text-handle-height: 30;
+  -gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
+}
+
+.context-menu {
+  font: initial;
+}
+
+.keycap {
+  min-width: 12px;
+  min-height: 26px;
+  margin-top: 2px;
+  padding-bottom: 2px;
+  padding-left: 8px;
+  padding-right: 8px;
+  border: solid 1px rgba(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+  color: #eeeeee;
+  font-size: smaller;
+}
+
+:not(decoration):not(window):drop(active) {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #009688;
+  caret-color: #009688;
+}
+
+stackswitcher button.text-button {
+  min-width: 100px;
+}
+
+stackswitcher button.circular,
+stackswitcher button.text-button.circular {
+  min-width: 32px;
+  min-height: 32px;
+  padding: 0;
+}
+
+/*********
+ * Emoji *
+ *********/
+popover.emoji-picker {
+  padding: 0;
+}
+
+popover.emoji-picker entry {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  box-shadow: none;
+}
+
+popover.emoji-picker scrolledwindow {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+button.emoji-section {
+  margin-top: -1px;
+  padding: 0 8px;
+  min-width: 24px;
+  min-height: 32px;
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+}
+
+button.emoji-section:hover {
+  box-shadow: inset 0 2px rgba(238, 238, 238, 0.3);
+}
+
+button.emoji-section:active {
+  box-shadow: inset 0 2px #338DD6;
+  background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
+}
+
+button.emoji-section:checked {
+  box-shadow: inset 0 2px #338DD6;
+  background-color: transparent;
+}
+
+button.emoji-section:first-child {
+  margin-left: 4px;
+}
+
+button.emoji-section:last-child {
+  margin-right: 4px;
+}
+
+.emoji {
+  min-width: 3em;
+  min-height: 3em;
+  padding: 0;
+}
+
+.emoji widget {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.emoji widget:hover {
+  font-size: larger;
+}
+
+/************
+ * Nautilus *
+ ************/
+.nautilus-window,
+.nautilus-window notebook,
+.nautilus-window notebook > stack {
+  background-color: #303030;
+}
+
+.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
+headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
+.nautilus-list-dim-label {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
+headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
+.nautilus-list-dim-label:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
+  color: #fefefe;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+@keyframes needs_attention_keyframes {
+  to {
+    background-color: alpha(currentColor, 0.24);
+  }
+}
+
+.nautilus-operations-button-needs-attention {
+  animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
+}
+
+.nautilus-operations-button-needs-attention-multiple {
+  animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
+}
+
+.nautilus-window .floating-bar {
+  min-height: 32px;
+  padding: 0;
+  border-style: solid solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  border-radius: 5px 5px 0 0;
+  background-color: rgba(48, 48, 48, 0.9);
+  background-clip: border-box;
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
+}
+
+.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(238, 238, 238, 0.3);
+  color: rgba(238, 238, 238, 0.3);
+}
+
+.disk-space-display.used {
+  background-color: #338DD6;
+  color: #338DD6;
+}
+
+.disk-space-display.free {
+  background-color: rgba(238, 238, 238, 0.12);
+  color: rgba(238, 238, 238, 0.12);
+}
+
+.search-information {
+  padding: 2px;
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.conflict-row:not(:selected) {
+  background-color: #5a442f;
+}
+
+.nautilus-window flowboxchild .icon-item-background {
+  padding: 4px;
+  border-radius: 4px;
+}
+
+.nautilus-window flowboxchild:selected {
+  background-color: transparent;
+}
+
+.nautilus-window flowboxchild:selected .icon-item-background {
+  background-color: #338DD6;
+}
+
+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(0, 0, 0, 0.26);
+}
+
+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(238, 238, 238, 0.5);
+}
+
+.nautilus-window paned > separator {
+  background-color: #212121;
+}
+
+/*********
+ * gedit *
+ *********/
+.open-document-selector-path-label {
+  color: rgba(238, 238, 238, 0.7);
+  font-size: smaller;
+}
+
+.open-document-selector-path-label:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.gedit-document-panel {
+  background-color: #2a2a2a;
+}
+
+.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(0, 0, 0, 0.26);
+}
+
+.gedit-side-panel-paned statusbar {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.gedit-search-slider {
+  margin: 4px 4px 8px;
+}
+
+.gedit-search-slider .linked > entry {
+  border-radius: 4px;
+}
+
+.gedit-search-slider .linked > entry .gedit-search-entry-occurrences-tag {
+  all: unset;
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.gedit-search-slider .linked > entry:dir(ltr) {
+  margin-right: -60px;
+  padding-right: 60px;
+}
+
+.gedit-search-slider .linked > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
+  margin-left: 4px;
+}
+
+.gedit-search-slider .linked > entry:dir(ltr) image.right {
+  margin-right: 0;
+}
+
+.gedit-search-slider .linked > entry:dir(rtl) {
+  margin-left: -60px;
+  padding-left: 60px;
+}
+
+.gedit-search-slider .linked > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
+  margin-right: 4px;
+}
+
+.gedit-search-slider .linked > entry:dir(rtl) image.left {
+  margin-left: 0;
+}
+
+.gedit-search-slider .linked > entry:not(.error) {
+  background-color: #303030;
+}
+
+.gedit-search-slider .linked > entry.error ~ button {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.gedit-search-slider .linked > entry.error ~ button:hover, .gedit-search-slider .linked > entry.error ~ button:active {
+  color: #fefefe;
+}
+
+.gedit-search-slider .linked > entry.error ~ button:disabled {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+.gedit-search-slider .linked > button {
+  border: solid 4px transparent;
+  border-radius: 9999px;
+}
+
+.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
+  margin-left: -2px;
+}
+
+.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > 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(#2a2a2a);
+}
+
+.tweak {
+  padding: 3px;
+}
+
+.tweak.title:hover {
+  box-shadow: none;
+}
+
+.tweak-group-white,
+.tweak-white,
+.tweak-white:hover {
+  background-image: image(#303030);
+}
+
+.tweak-startup,
+.tweak-startup:hover {
+  background-image: image(#303030);
+}
+
+.tweak-group-startup {
+  background-image: image(#303030);
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+row#Focus,
+row#ClickMethod,
+row#StaticWorkspaceTweak,
+row#dynamic-workspaces,
+row#PrimaryWorkspaceTweak,
+row#workspaces-only-on-primary {
+  padding: 0;
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+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(0, 0, 0, 0.26);
+}
+
+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;
+}
+
+/***********
+ * Builder *
+ ***********/
+layouttabbar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+layouttabbar > box > button {
+  margin: 4px 0;
+}
+
+layouttab {
+  margin: 0 8px;
+  border-style: none solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  box-shadow: inset 0 -2px #338DD6;
+  background-color: #303030;
+}
+
+layouttab separator.vertical {
+  margin: 8px 4px;
+}
+
+layouttab button.text-button, layouttab button.image-button, layouttab button {
+  margin-top: 8px;
+  margin-bottom: 8px;
+  padding: 0 4px;
+}
+
+layout {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  -PnlDockBin-handle-size: 1;
+}
+
+entry.search-missing {
+  background-color: #d8645a;
+  color: #fefefe;
+}
+
+window.workbench treeview.image {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+window.workbench treeview.image:selected {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+popover.popover-selector list {
+  padding: 6px;
+}
+
+popover.popover-selector list row {
+  border-radius: 4px;
+}
+
+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: 4px;
+}
+
+omnibar:not(:hover):not(:active) entry {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+popover.omnibar list row:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+entry.preferences-search {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+preferences stacksidebar.sidebar list {
+  background-color: #2a2a2a;
+}
+
+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(0, 0, 0, 0.26);
+}
+
+preferences > box > box:dir(rtl) {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+popover.messagepopover.background {
+  padding: 0;
+}
+
+popover.messagepopover .popover-action-area button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+}
+
+popover.messagepopover .popover-action-area button:first-child {
+  border-bottom-left-radius: 4px;
+}
+
+popover.messagepopover .popover-action-area button:last-child {
+  border-bottom-right-radius: 4px;
+}
+
+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(0, 0, 0, 0.26);
+}
+
+popover.transfers list row > box {
+  padding: 10px;
+}
+
+dockbin {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  -PnlDockBin-handle-size: 1;
+}
+
+dockpaned {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+eggsearchbar box.search-bar {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+docktabstrip {
+  padding: 0 8px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+docktab {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
+  min-height: 24px;
+  min-width: 24px;
+  margin-bottom: -1px;
+  padding: 4px 6px;
+  outline-offset: -6px;
+  border-width: 1px;
+  border-color: transparent;
+  background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 0% 0%;
+  color: rgba(238, 238, 238, 0.7);
+  font-weight: 500;
+}
+
+docktab:hover {
+  box-shadow: inset 0 -2px rgba(238, 238, 238, 0.3);
+  color: #eeeeee;
+}
+
+docktab:checked {
+  transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
+  box-shadow: inset 0 -2px #338DD6;
+  background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
+  background-size: 1000% 1000%;
+  color: #eeeeee;
+}
+
+dockoverlayedge {
+  background-color: #212121;
+}
+
+dockoverlayedge docktabstrip {
+  padding: 0;
+  border: none;
+}
+
+dockoverlayedge.left-edge docktab:hover {
+  box-shadow: inset -2px 0 rgba(238, 238, 238, 0.3);
+}
+
+dockoverlayedge.left-edge docktab:checked {
+  box-shadow: inset -2px 0 #338DD6;
+}
+
+dockoverlayedge.right-edge docktab:hover {
+  box-shadow: inset 2px 0 rgba(238, 238, 238, 0.3);
+}
+
+dockoverlayedge.right-edge docktab:checked {
+  box-shadow: inset 2px 0 #338DD6;
+}
+
+pillbox {
+  background-color: #212121;
+  border-radius: 4px;
+}
+
+layoutpane entry.search {
+  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+editortweak entry.search {
+  margin-bottom: -1px;
+  box-shadow: none;
+}
+
+.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: #eeeeee;
+  font-weight: normal;
+}
+
+button.dzlmenubuttonitem:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+idelayoutstackheader {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+idelayoutstackheader button:checked {
+  color: #eeeeee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher {
+  padding: 8px 0;
+  background-color: #212121;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button {
+  border-radius: 0;
+  outline-offset: -6px;
+  box-shadow: none;
+  background-color: transparent;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
+  background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
+  background-color: transparent;
+  color: #eeeeee;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
+  margin-right: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
+  box-shadow: inset -2px 0 rgba(238, 238, 238, 0.3);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
+  box-shadow: inset -2px 0 #338DD6;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
+  margin-left: -1px;
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
+  box-shadow: inset 2px 0 rgba(238, 238, 238, 0.3);
+}
+
+ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
+  box-shadow: inset 2px 0 #338DD6;
+}
+
+ideeditorsidebar notebook header {
+  background: transparent;
+}
+
+popover.messagepopover list {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+popover.messagepopover list row:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/**********
+ * Photos *
+ **********/
+GdMainIconView.content-view {
+  -GdMainIconView-icon-size: 48;
+}
+
+.documents-counter {
+  margin: 8px;
+  border-radius: 9999px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-color: #009688;
+  color: #fefefe;
+  font-weight: bold;
+}
+
+.documents-scrolledwin.frame {
+  border-style: none;
+}
+
+.documents-scrolledwin.frame frame.content-view > border {
+  border-style: none;
+}
+
+.photos-fade-in {
+  opacity: 1;
+  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.photos-fade-out {
+  opacity: 0;
+  transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
+  border-style: none none none solid;
+}
+
+overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
+  border-style: none solid none none;
+}
+
+/*********
+ * Music *
+ *********/
+.side-panel:dir(ltr) {
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.side-panel:dir(rtl) {
+  border-style: solid;
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+.side-panel .view {
+  background-image: image(#2a2a2a);
+}
+
+.side-panel .view:hover {
+  background-image: image(#343434);
+}
+
+.side-panel .view:selected {
+  background-image: image(#338DD6);
+}
+
+.side-panel .view:selected:hover {
+  background-image: image(#3d93d8);
+}
+
+.songs-list:hover {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+frame.documents-dropdown {
+  margin: 8px;
+}
+
+frame.documents-dropdown > border {
+  border: none;
+}
+
+box.vertical > revealer > toolbar.search-bar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-clip: border-box;
+}
+
+box.vertical > revealer > toolbar.search-bar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+}
+
+/*********
+ * To Do *
+ *********/
+task-list-view taskrow {
+  transition: all 150ms 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, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle,
+task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
+  min-width: 16px;
+}
+
+task-list-view > box > revealer > box > button {
+  margin: -4px;
+}
+
+task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle,
+task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
+  opacity: 1;
+}
+
+tasklistview taskrow {
+  outline: none;
+}
+
+tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
+  box-shadow: none;
+}
+
+tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
+tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
+  min-width: 16px;
+}
+
+tasklistview > box > revealer > box > button {
+  margin: -4px;
+}
+
+tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle,
+tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
+  opacity: 1;
+}
+
+/*******
+ * eog *
+ *******/
+#eog-thumb-nav scrolledwindow {
+  border-top: none;
+}
+
+#eog-thumb-nav button {
+  -gtk-outline-radius: 4px;
+}
+
+/*************
+ * 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(0, 0, 0, 0.26);
+}
+
+list.categories {
+  background-image: image(#2a2a2a);
+}
+
+/*********
+ * Boxes *
+ *********/
+.transparent-bg + stack overlay > label {
+  min-height: 24px;
+  padding: 0 4px;
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fefefe;
+}
+
+/**************
+ * Calculator *
+ **************/
+button.title label {
+  min-height: 32px;
+}
+
+/*********
+ * Geary *
+ *********/
+.geary-titlebar-left:dir(ltr) {
+  margin-right: 5px;
+  padding-right: 0;
+}
+
+.geary-titlebar-left:dir(rtl) {
+  margin-left: 5px;
+  padding-left: 0;
+}
+
+.geary-titlebar-left > separator {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.geary-titlebar-right:dir(ltr) {
+  margin-left: -5px;
+}
+
+.geary-titlebar-right:dir(rtl) {
+  margin-right: -5px;
+}
+
+/*********
+ * Tilix *
+ *********/
+overlay > revealer.left > scrolledwindow.frame,
+overlay > revealer.right > scrolledwindow.frame {
+  border-style: none;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
+}
+
+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(#303030);
+}
+
+.terminal-titlebar button {
+  border-radius: 0;
+}
+
+button.image-button.session-new-button {
+  min-width: 28px;
+}
+
+/**************
+ * Terminator *
+ **************/
+.terminator-terminal-window paned > separator {
+  background-color: #212121;
+}
+
+.terminator-terminal-window notebook.frame {
+  border-style: none;
+}
+
+/***********
+ * 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: 4px;
+}
+
+/************
+ * Chromium *
+ ************/
+window.background.chromium {
+  background-color: #303030;
+}
+
+window.background.chromium entry,
+window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+window.background.chromium > button {
+  box-shadow: none;
+  background-size: auto;
+}
+
+window.background.chromium > button:hover {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+window.background.chromium > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+window.background.chromium headerbar button:active {
+  background-size: 1000% 1000%;
+}
+
+window.background.chromium spinner {
+  color: #338DD6;
+}
+
+window.background.chromium textview {
+  background-color: #303030;
+}
+
+tooltip.background.chromium {
+  background-color: #212121;
+}
+
+/***********
+ * Firefox *
+ ***********/
+window.background:not(.csd) > widget > separator {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+window.background:not(.csd) > widget > scrollbar {
+  background-clip: border-box;
+}
+
+window.background:not(.csd) > widget > scrollbar,
+window.background:not(.csd) > widget > frame > border {
+  border-color: rgba(0, 0, 0, 0.26);
+}
+
+window.background:not(.csd) > widget > entry,
+window.background:not(.csd) > widget > button > button {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: none;
+}
+
+window.background:not(.csd) > widget > entry {
+  min-height: 30px;
+}
+
+window.background:not(.csd) > widget > entry:focus {
+  border-color: #338DD6;
+}
+
+window.background:not(.csd) > widget > button > button {
+  padding: 4px 8px;
+  background-size: auto;
+}
+
+window.background:not(.csd) > widget > button > button:hover {
+  background-image: image(alpha(currentColor, 0.06));
+}
+
+window.background:not(.csd) > widget > button > button:active {
+  background-image: image(alpha(currentColor, 0.12));
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked),
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
+  color: #757575;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
+  color: #212121;
+}
+
+window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
+window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
+  color: rgba(117, 117, 117, 0.5);
+}
+
+window.background:not(.csd) > window > menu,
+window.background:not(.csd) > menu > menu {
+  border: none;
+}
+
+window.background:not(.csd) > widget > menubar {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+window.background:not(.csd) > widget > menubar:hover {
+  color: #e0e0e0;
+}
+
+window.background:not(.csd) > widget > menubar:disabled {
+  color: rgba(224, 224, 224, 0.3);
+}
+
+window.background:not(.csd) > widget > frame {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+window.background:not(.csd) > widget > checkbutton > check,
+window.background:not(.csd) > widget > radiobutton > radio {
+  margin: 0;
+  padding: 0;
+}
+
+window.background:not(.csd) > window.background > menu > separator {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+/************
+ * 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: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+#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: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+#CanvasTable button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+}
+
+#CanvasTable #HorizontalScrollbar {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#CanvasTable #VerticalScrollbar:dir(ltr) {
+  border-left: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#CanvasTable #VerticalScrollbar:dir(rtl) {
+  border-right: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#Canvas_and_Dock frame > border {
+  border: none;
+}
+
+#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: #338DD6;
+}
+
+/*********
+ * 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: #338DD6;
+  -UnityDecoration-title-indent: 4px;
+  -UnityDecoration-title-fade: 32px;
+  -UnityDecoration-title-alignment: 0.0;
+}
+
+UnityDecoration .top {
+  padding: 0 2px;
+  border-style: none;
+  border-radius: 4px 4px 0 0;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+  color: #e0e0e0;
+}
+
+UnityDecoration .top:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+UnityDecoration .menuitem {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+UnityDecoration .menuitem:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e0e0e0;
+}
+
+.background:not(.csd) headerbar:not(.titlebar) {
+  border-radius: 0;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
+  border-style: none;
+}
+
+UnityPanelWidget,
+.unity-panel {
+  background-color: #010101;
+  color: #e0e0e0;
+}
+
+UnityPanelWidget:backdrop,
+.unity-panel:backdrop {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.unity-panel.menuitem,
+.unity-panel .menuitem {
+  color: rgba(224, 224, 224, 0.7);
+}
+
+.unity-panel.menubar.menuitem:hover,
+.unity-panel.menubar .menuitem *:hover {
+  box-shadow: inset 0 -2px currentColor;
+  background-color: transparent;
+  color: #e0e0e0;
+}
+
+.menu IdoPlaybackMenuItem.menuitem:active {
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+  animation: spin 1s linear infinite;
+  color: #338DD6;
+}
+
+/**************
+ * Mate-Panel *
+ **************/
+.mate-panel-menu-bar menubar,
+#PanelApplet-window-menu-applet-button {
+  background-color: transparent;
+}
+
+.mate-panel-menu-bar {
+  background-color: #010101;
+  font-weight: 500;
+}
+
+.mate-panel-menu-bar:not(.popup) {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.mate-panel-menu-bar button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.mate-panel-menu-bar button:checked {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+PanelToplevel.horizontal > grid > button {
+  min-width: 24px;
+}
+
+PanelToplevel.vertical > grid > button {
+  min-height: 24px;
+}
+
+PanelSeparator {
+  color: rgba(254, 254, 254, 0.12);
+}
+
+MatePanelAppletFrameDBus {
+  border-style: solid;
+  border-color: rgba(254, 254, 254, 0.12);
+}
+
+.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
+  border-width: 0 1px;
+}
+
+.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
+  border-width: 1px 0;
+}
+
+.mate-panel-menu-bar menubar > menuitem {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.mate-panel-menu-bar menubar > menuitem:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+.mate-panel-menu-bar menubar > menuitem:disabled {
+  color: rgba(254, 254, 254, 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 0px;
+}
+
+.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: #53adf6;
+}
+
+PanelApplet.wnck-applet .wnck-pager:hover {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+PanelApplet.wnck-applet .wnck-pager:active {
+  background-color: rgba(254, 254, 254, 0.3);
+}
+
+PanelApplet.wnck-applet .wnck-pager:selected {
+  background-color: #338DD6;
+}
+
+.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(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+#MatePanelPopupWindow frame > border {
+  border-style: none;
+}
+
+#MatePanelPopupWindow button {
+  padding: 4px 16px;
+}
+
+#MatePanelPopupWindow > frame > box > box > box > widget {
+  color: rgba(0, 0, 0, 0.26);
+}
+
+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(0, 0, 0, 0.26);
+  border-radius: 5px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #212121;
+}
+
+.mate-panel-applet-slider frame > border {
+  border-style: none;
+}
+
+#PanelApplet:not(:selected) > box {
+  transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+#PanelApplet:selected > box {
+  background-color: rgba(254, 254, 254, 0.12);
+  color: #fefefe;
+}
+
+#mate-menu {
+  border: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#mate-menu button {
+  min-height: 24px;
+  min-width: 24px;
+  padding: 4px 0;
+  color: #eeeeee;
+  font-weight: normal;
+}
+
+#mate-menu button label:not(:first-child) {
+  color: rgba(238, 238, 238, 0.7);
+}
+
+#mate-menu entry {
+  margin: 0 0 8px;
+}
+
+#mate-menu entry image {
+  margin: 0;
+}
+
+#mate-menu entry + button {
+  margin: 0 4px 8px;
+  padding: 4px;
+}
+
+/*********************
+ * CAJA File manager *
+ *********************/
+.caja-navigation-window button.toggle.image-button {
+  border-radius: 4px;
+}
+
+.caja-pathbar button {
+  margin: 0 -1px 0 -2px;
+}
+
+.caja-pathbar button > widget {
+  -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
+  -GtkArrow-arrow-scaling: 1;
+}
+
+.caja-side-pane notebook viewport.frame,
+.caja-side-pane notebook widget .vertical {
+  background-color: #303030;
+}
+
+.caja-side-pane notebook,
+.caja-notebook {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.caja-side-pane notebook .frame,
+.caja-notebook .frame {
+  border-style: none;
+}
+
+.caja-navigation-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.caja-notebook frame > border {
+  border-style: none;
+}
+
+#caja-extra-view-widget {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: #212121;
+}
+
+#caja-extra-view-widget > box > box > label {
+  font-weight: bold;
+}
+
+/*********
+ * Pluma *
+ *********/
+.pluma-window statusbar {
+  margin: 0 -10px;
+  padding: 0 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.pluma-window statusbar frame > border {
+  border-style: none;
+}
+
+.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(0, 0, 0, 0.26);
+}
+
+.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
+  margin: 1px;
+}
+
+.pluma-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame {
+  margin-top: -1px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/*********
+ * Atril *
+ *********/
+.atril-window paned.horizontal box.vertical .frame {
+  border-style: none;
+}
+
+.atril-window paned.horizontal box.vertical notebook .frame {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/* mate-screensaver lock dialog */
+.lock-dialog {
+  border-radius: 4px;
+  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.lock-dialog frame > border {
+  border-style: none;
+}
+
+/* multimedia OSD */
+MsdOsdWindow.background.osd {
+  border-radius: 4px;
+  background-color: rgba(33, 33, 33, 0.9);
+  color: #e0e0e0;
+}
+
+MsdOsdWindow.background.osd .trough {
+  border-radius: 0;
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+MsdOsdWindow.background.osd .progressbar {
+  border-radius: 0;
+  background-color: #338DD6;
+}
+
+/******************
+ * 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: 4px;
+  -gtk-outline-radius: 4px;
+}
+
+.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: 5px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
+  background-color: #303030;
+}
+
+.budgie-popover .container {
+  padding: 2px;
+}
+
+.budgie-popover border {
+  border: none;
+}
+
+.budgie-popover list {
+  background-color: transparent;
+}
+
+.budgie-popover row {
+  padding: 0;
+}
+
+.budgie-popover row:hover {
+  box-shadow: none;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
+  min-height: 28px;
+  padding: 0 8px;
+  color: #eeeeee;
+  font-weight: normal;
+}
+
+.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.budgie-popover.budgie-menu .container {
+  padding: 0;
+}
+
+.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 .places-list:not(.always-expand) {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.budgie-popover.places-menu .alternative-label {
+  padding: 3px;
+  font-size: 15px;
+}
+
+.budgie-popover.workspace-popover .container {
+  padding: 2px 8px 8px;
+}
+
+.budgie-popover.workspace-popover separator {
+  margin: 4px 0;
+}
+
+.budgie-popover.workspace-popover flowboxchild {
+  padding: 0;
+}
+
+.workspace-switcher .workspace-layout {
+  border: 0 solid rgba(254, 254, 254, 0.12);
+}
+
+.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(254, 254, 254, 0.12);
+}
+
+.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 150ms cubic-bezier(0, 0, 0.2, 1);
+}
+
+.workspace-switcher .workspace-item.current-workspace {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+.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: 4px;
+}
+
+.budgie-menu.background {
+  padding: 0;
+  background-color: #303030;
+}
+
+.budgie-menu scrollbar,
+.budgie-menu entry.search {
+  background-color: transparent;
+}
+
+.budgie-menu entry.search {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+  box-shadow: none;
+  font-size: 120%;
+}
+
+.budgie-menu .categories:dir(ltr) {
+  border-bottom-left-radius: 4px;
+}
+
+.budgie-menu .categories:dir(rtl) {
+  border-bottom-right-radius: 4px;
+}
+
+.budgie-menu button {
+  min-height: 32px;
+  padding: 0 8px;
+  border-radius: 0;
+  color: #eeeeee;
+  font-weight: normal;
+}
+
+.budgie-menu button:disabled {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.budgie-menu button:checked:disabled {
+  background-color: #338DD6;
+}
+
+.budgie-menu row {
+  padding: 0;
+}
+
+.budgie-menu row:hover {
+  box-shadow: none;
+}
+
+popover.background.user-menu {
+  padding: 8px;
+}
+
+popover.background.user-menu .content-box {
+  background-color: transparent;
+}
+
+popover.background.user-menu separator {
+  margin: 4px 0;
+}
+
+popover.background.user-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+popover.background.places-menu {
+  padding: 8px;
+}
+
+popover.background.places-menu .name-button.text-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(ltr) {
+  margin-right: 3px;
+}
+
+popover.background.places-menu .name-button.text-button image:dir(rtl) {
+  margin-left: 3px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(ltr) {
+  margin: 0 -2px 0 5px;
+}
+
+popover.background.places-menu .places-section-header > image:dir(rtl) {
+  margin: 0 5px 0 -2px;
+}
+
+popover.background.places-menu .places-list {
+  margin-top: 4px;
+  padding-top: 4px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+  background-color: transparent;
+}
+
+popover.background.places-menu row {
+  padding: 0;
+  box-shadow: none;
+  background-image: none;
+}
+
+.budgie-panel {
+  transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
+  background-color: #010101;
+  color: rgba(254, 254, 254, 0.7);
+  font-weight: 500;
+}
+
+.budgie-panel.transparent {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.budgie-panel button {
+  min-height: 16px;
+  min-width: 16px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.budgie-panel button:checked {
+  background-color: rgba(254, 254, 254, 0.12);
+}
+
+.budgie-panel.horizontal button {
+  padding: 0 4px;
+}
+
+.budgie-panel.vertical button {
+  padding: 4px 0;
+}
+
+.budgie-panel separator {
+  background-color: rgba(254, 254, 254, 0.3);
+}
+
+.budgie-panel .alert {
+  color: #d8645a;
+}
+
+.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(254, 254, 254, 0.5);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
+  color: rgba(254, 254, 254, 0.7);
+}
+
+.budgie-panel button.flat.launcher:not(:checked):disabled {
+  color: rgba(254, 254, 254, 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;
+}
+
+.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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher,
+.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
+  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;
+}
+
+.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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher,
+.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
+  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;
+}
+
+.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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher,
+.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
+  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;
+}
+
+.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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher,
+.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
+  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 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
+}
+
+.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: #303030;
+}
+
+.raven > box {
+  margin-bottom: -10px;
+}
+
+.raven > stack {
+  margin-bottom: -10px;
+}
+
+.raven stackswitcher.linked > button {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 0%, transparent 0%) 0 0 0/0 0 0px;
+  border-radius: 0;
+}
+
+.raven stackswitcher.linked > button:checked {
+  border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #bc742d 100%, transparent 0%) 0 0 2/0 0 2px;
+  background-color: transparent;
+}
+
+.raven .raven-header {
+  min-height: 32px;
+  padding: 3px;
+}
+
+.raven .raven-header:not(.top) {
+  margin-top: -6px;
+}
+
+.raven .raven-header.top {
+  padding: 2px 0;
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.raven .raven-header.top stackswitcher button {
+  margin: -4px 0;
+  min-height: 32px;
+}
+
+.raven .raven-header.top button.image-button:dir(ltr) {
+  margin-right: 2px;
+}
+
+.raven .raven-header.top button.image-button:dir(rtl) {
+  margin-left: 2px;
+}
+
+.raven .raven-header.top > image {
+  margin: 0 8px;
+}
+
+.raven .raven-header.top > label {
+  margin: 0 -8px;
+  font-weight: bold;
+}
+
+.raven .raven-header.bottom {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.raven viewport.frame .raven-header {
+  margin-top: -8px;
+}
+
+.raven .raven-background {
+  border-style: solid none;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.26);
+  background-color: #303030;
+}
+
+.raven .raven-background.frame {
+  border-style: solid none;
+}
+
+.raven .raven-background > overlay > widget > image {
+  color: rgba(238, 238, 238, 0.12);
+}
+
+.raven .raven-background grid > label:first-child {
+  min-height: 32px;
+}
+
+.raven scrolledwindow.raven-background {
+  border-bottom-style: none;
+}
+
+.raven .raven-header.top + .raven-background {
+  border-style: none;
+  background-color: #338DD6;
+  color: #fefefe;
+}
+
+.raven .raven-header.top + .raven-background stackswitcher button {
+  margin: -4px 0;
+}
+
+.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: 4px;
+  background-color: #338DD6;
+}
+
+.raven-mpris {
+  background-color: rgba(0, 0, 0, 0.6);
+  color: #fefefe;
+}
+
+.raven-mpris label {
+  min-height: 24px;
+}
+
+.raven-mpris button.image-button {
+  padding: 8px;
+}
+
+.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
+  background-color: transparent;
+}
+
+.budgie-notification .notification-title, .budgie-switcher .notification-title {
+  font-size: 120%;
+}
+
+.budgie-osd .budgie-osd-text {
+  font-size: 120%;
+}
+
+.drop-shadow {
+  margin: 5px 9px;
+  padding: 3px;
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+.drop-shadow .linked > button {
+  border-radius: 4px;
+}
+
+.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
+  border-radius: 4px;
+  background-color: #303030;
+}
+
+.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
+  border-radius: 4px;
+}
+
+.budgie-session-dialog label:not(:last-child),
+.budgie-session-dialog .dialog-title {
+  font-size: 120%;
+}
+
+.budgie-session-dialog .linked.horizontal > button {
+  padding: 8px 16px;
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0;
+}
+
+.budgie-session-dialog .linked.horizontal > button:first-child {
+  border-bottom-left-radius: 4px;
+}
+
+.budgie-session-dialog .linked.horizontal > button:last-child {
+  border-bottom-right-radius: 4px;
+}
+
+.budgie-polkit-dialog .message {
+  color: rgba(238, 238, 238, 0.5);
+}
+
+.budgie-polkit-dialog .failure {
+  color: #d8645a;
+}
+
+.budgie-run-dialog {
+  background-color: #303030;
+}
+
+.budgie-run-dialog entry.search {
+  font-size: 120%;
+  padding: 4px 12px;
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: transparent;
+}
+
+.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle,
+.budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
+  opacity: 1;
+}
+
+.budgie-run-dialog scrolledwindow {
+  border-top: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+/************************
+ * LightDM GTK+ Greeter *
+ ************************/
+#panel_window {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fefefe;
+}
+
+#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(254, 254, 254, 0.7);
+}
+
+#panel_window menubar > menuitem:hover {
+  color: #fefefe;
+}
+
+#panel_window menubar > menuitem:disabled label {
+  color: rgba(254, 254, 254, 0.3);
+}
+
+#login_window,
+#shutdown_dialog,
+#restart_dialog {
+  margin: 8px;
+  border-radius: 4px;
+  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.1);
+  background-color: #303030;
+}
+
+#content_frame {
+  padding-bottom: 20px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+#buttonbox_frame {
+  padding-top: 24px;
+}
+
+#buttonbox_frame button {
+  margin: -16px;
+}
+
+#greeter_infobar {
+  margin-top: -1px;
+}
+
+/********
+ * Nemo *
+ ********/
+.nemo-window .primary-toolbar {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+}
+
+.nemo-window .primary-toolbar entry {
+  min-height: 0;
+  margin: 0;
+}
+
+.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;
+}
+
+.nemo-window scrolledwindow.frame .view:not(:selected) {
+  background-color: transparent;
+}
+
+.nemo-window infobar {
+  margin-top: -6px;
+}
+
+.nemo-window .nemo-inactive-pane .view:not(:selected) {
+  background-color: #2a2a2a;
+}
+
+/* GTK NAMED COLORS
+   ----------------
+   use responsibly! */
+/*
+widget text/foreground color */
+@define-color theme_fg_color #eeeeee;
+/*
+text color for entries, views and content in general */
+@define-color theme_text_color #eeeeee;
+/*
+widget base background color */
+@define-color theme_bg_color #212121;
+/*
+text widgets and the like base background color */
+@define-color theme_base_color #303030;
+/*
+base background color of selections */
+@define-color theme_selected_bg_color #338DD6;
+/*
+text/foreground color of selections */
+@define-color theme_selected_fg_color #fefefe;
+/*
+base background color of insensitive widgets */
+@define-color insensitive_bg_color #212121;
+/*
+text foreground color of insensitive widgets */
+@define-color insensitive_fg_color rgba(238, 238, 238, 0.5);
+/*
+insensitive text widgets and the like base background color */
+@define-color insensitive_base_color #2a2a2a;
+/*
+widget text/foreground color on backdrop windows */
+@define-color theme_unfocused_fg_color #eeeeee;
+/*
+text color for entries, views and content in general on backdrop windows */
+@define-color theme_unfocused_text_color #eeeeee;
+/*
+widget base background color on backdrop windows */
+@define-color theme_unfocused_bg_color #212121;
+/*
+text widgets and the like base background color on backdrop windows */
+@define-color theme_unfocused_base_color #303030;
+/*
+base background color of selections on backdrop windows */
+@define-color theme_unfocused_selected_bg_color #338DD6;
+/*
+text/foreground color of selections on backdrop windows */
+@define-color theme_unfocused_selected_fg_color #fefefe;
+/*
+insensitive color on backdrop windows */
+@define-color unfocused_insensitive_color rgba(238, 238, 238, 0.5);
+/*
+widgets main borders color */
+@define-color borders rgba(0, 0, 0, 0.26);
+/*
+widgets main borders color on backdrop windows */
+@define-color unfocused_borders rgba(0, 0, 0, 0.26);
+/*
+these are pretty self explicative */
+@define-color warning_color #bc742d;
+@define-color error_color #d8645a;
+@define-color success_color #0095a2;
+/*
+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 #e0e0e0;
+@define-color wm_unfocused_title rgba(224, 224, 224, 0.7);
+@define-color wm_highlight rgba(255, 255, 255, 0.1);
+@define-color wm_bg #212121;
+/*
+FIXME this is really an API */
+@define-color content_view_bg #303030;
+@define-color placeholder_text_color #b5b5b5;
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop-dark.png
new file mode 100644
index 0000000..b749a1e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop-dark@2.png
new file mode 100644
index 0000000..b597378
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop.png
new file mode 100644
index 0000000..36b717a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop@2.png
new file mode 100644
index 0000000..d81198c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-backdrop@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-dark.png
new file mode 100644
index 0000000..9504a1c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-dark@2.png
new file mode 100644
index 0000000..e6dfdd6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow.png
new file mode 100644
index 0000000..f6bb540
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow@2.png
new file mode 100644
index 0000000..4323f8e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/box-shadow@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active-dark.png
new file mode 100644
index 0000000..a420f6e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active-dark@2.png
new file mode 100644
index 0000000..6f44b4f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active.png
new file mode 100644
index 0000000..a420f6e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active@2.png
new file mode 100644
index 0000000..6f44b4f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-active@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-dark.png
new file mode 100644
index 0000000..4f92bea
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-dark@2.png
new file mode 100644
index 0000000..7aea924
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled-dark.png
new file mode 100644
index 0000000..258a832
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled-dark@2.png
new file mode 100644
index 0000000..e7ad3ed
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled.png
new file mode 100644
index 0000000..258a832
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled@2.png
new file mode 100644
index 0000000..e7ad3ed
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover-dark.png
new file mode 100644
index 0000000..ff55332
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover-dark@2.png
new file mode 100644
index 0000000..e828d53
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover.png
new file mode 100644
index 0000000..ff55332
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover@2.png
new file mode 100644
index 0000000..e828d53
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked-hover@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked.png
new file mode 100644
index 0000000..4f92bea
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked@2.png
new file mode 100644
index 0000000..7aea924
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-checked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active-dark.png
new file mode 100644
index 0000000..0bccd52
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active-dark@2.png
new file mode 100644
index 0000000..6104924
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active.png
new file mode 100644
index 0000000..0bccd52
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active@2.png
new file mode 100644
index 0000000..6104924
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-active@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-dark.png
new file mode 100644
index 0000000..0e9d89c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-dark@2.png
new file mode 100644
index 0000000..f0035de
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled-dark.png
new file mode 100644
index 0000000..832ed6e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled-dark@2.png
new file mode 100644
index 0000000..0bd4ee2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled.png
new file mode 100644
index 0000000..832ed6e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled@2.png
new file mode 100644
index 0000000..0bd4ee2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover-dark.png
new file mode 100644
index 0000000..7a8b9e9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover-dark@2.png
new file mode 100644
index 0000000..90097af
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover.png
new file mode 100644
index 0000000..7a8b9e9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover@2.png
new file mode 100644
index 0000000..90097af
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed-hover@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed.png
new file mode 100644
index 0000000..0e9d89c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed@2.png
new file mode 100644
index 0000000..f0035de
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-mixed@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active-dark.png
new file mode 100644
index 0000000..cc95cc5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active-dark@2.png
new file mode 100644
index 0000000..e43c829
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active.png
new file mode 100644
index 0000000..52b725d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active@2.png
new file mode 100644
index 0000000..3f352f0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-active@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-dark.png
new file mode 100644
index 0000000..6793af8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..5a6fc87
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled-dark.png
new file mode 100644
index 0000000..f1453d9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled-dark@2.png
new file mode 100644
index 0000000..7b622bf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled.png
new file mode 100644
index 0000000..c3926b6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled@2.png
new file mode 100644
index 0000000..8a2d9db
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover-dark.png
new file mode 100644
index 0000000..c2fdd28
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover-dark@2.png
new file mode 100644
index 0000000..85a2ab1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover.png
new file mode 100644
index 0000000..5bbeabf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover@2.png
new file mode 100644
index 0000000..05fba55
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked-hover@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked.png
new file mode 100644
index 0000000..3f8fcb1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked@2.png
new file mode 100644
index 0000000..79df63c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/checkbox-unchecked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-dark.png
new file mode 100644
index 0000000..1e34e3a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..218c77d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled-dark.png
new file mode 100644
index 0000000..d5d6f76
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled-dark@2.png
new file mode 100644
index 0000000..749560e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled.png
new file mode 100644
index 0000000..d5d6f76
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled@2.png
new file mode 100644
index 0000000..749560e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked.png
new file mode 100644
index 0000000..1e34e3a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked@2.png
new file mode 100644
index 0000000..218c77d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-checked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-dark.png
new file mode 100644
index 0000000..a8b48dd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-dark@2.png
new file mode 100644
index 0000000..3046ac1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled-dark.png
new file mode 100644
index 0000000..8870fba
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled-dark@2.png
new file mode 100644
index 0000000..5561822
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled.png
new file mode 100644
index 0000000..8870fba
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled@2.png
new file mode 100644
index 0000000..5561822
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed.png
new file mode 100644
index 0000000..a8b48dd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed@2.png
new file mode 100644
index 0000000..3046ac1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-mixed@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..9061a04
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..2accc6b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled-dark.png
new file mode 100644
index 0000000..4953262
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled-dark@2.png
new file mode 100644
index 0000000..483ecfa
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled.png
new file mode 100644
index 0000000..b7f622d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled@2.png
new file mode 100644
index 0000000..4899870
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked.png
new file mode 100644
index 0000000..70015bb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked@2.png
new file mode 100644
index 0000000..ae01f29
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-checkbox-unchecked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-dark.png
new file mode 100644
index 0000000..b1f1f84
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-dark@2.png
new file mode 100644
index 0000000..1a7ac32
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled-dark.png
new file mode 100644
index 0000000..efb330f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled-dark@2.png
new file mode 100644
index 0000000..e0d1bcb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled.png
new file mode 100644
index 0000000..efb330f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled@2.png
new file mode 100644
index 0000000..e0d1bcb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked.png
new file mode 100644
index 0000000..b1f1f84
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked@2.png
new file mode 100644
index 0000000..1a7ac32
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-checked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-dark.png
new file mode 100644
index 0000000..26ca291
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-dark@2.png
new file mode 100644
index 0000000..f81db1f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled-dark.png
new file mode 100644
index 0000000..b6a79b9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled-dark@2.png
new file mode 100644
index 0000000..04d10e1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled.png
new file mode 100644
index 0000000..b6a79b9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled@2.png
new file mode 100644
index 0000000..04d10e1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed.png
new file mode 100644
index 0000000..26ca291
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed@2.png
new file mode 100644
index 0000000..f81db1f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-mixed@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-dark.png
new file mode 100644
index 0000000..f5f95cc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-dark@2.png
new file mode 100644
index 0000000..bf5ba07
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled-dark.png
new file mode 100644
index 0000000..34ab593
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled-dark@2.png
new file mode 100644
index 0000000..051fa44
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled.png
new file mode 100644
index 0000000..865b00d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled@2.png
new file mode 100644
index 0000000..0726f41
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked.png
new file mode 100644
index 0000000..6ca5de6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked@2.png
new file mode 100644
index 0000000..02e8e74
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/menu-radio-unchecked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active-dark.png
new file mode 100644
index 0000000..8f6040c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active-dark@2.png
new file mode 100644
index 0000000..b04a11d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active.png
new file mode 100644
index 0000000..8f6040c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active@2.png
new file mode 100644
index 0000000..b04a11d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-active@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-dark.png
new file mode 100644
index 0000000..dd1bd6d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-dark@2.png
new file mode 100644
index 0000000..ffb5cb2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled-dark.png
new file mode 100644
index 0000000..b1a8f06
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled-dark@2.png
new file mode 100644
index 0000000..2d25f14
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled.png
new file mode 100644
index 0000000..b1a8f06
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled@2.png
new file mode 100644
index 0000000..2d25f14
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover-dark.png
new file mode 100644
index 0000000..8af5e3b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover-dark@2.png
new file mode 100644
index 0000000..de3c383
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover.png
new file mode 100644
index 0000000..8af5e3b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover@2.png
new file mode 100644
index 0000000..de3c383
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked-hover@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked.png
new file mode 100644
index 0000000..dd1bd6d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked@2.png
new file mode 100644
index 0000000..ffb5cb2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-checked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active-dark.png
new file mode 100644
index 0000000..a5b5c11
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active-dark@2.png
new file mode 100644
index 0000000..ebe2067
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active.png
new file mode 100644
index 0000000..a5b5c11
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active@2.png
new file mode 100644
index 0000000..ebe2067
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-active@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-dark.png
new file mode 100644
index 0000000..adc2460
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-dark@2.png
new file mode 100644
index 0000000..a9d87d3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled-dark.png
new file mode 100644
index 0000000..75da869
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled-dark@2.png
new file mode 100644
index 0000000..a33daac
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled.png
new file mode 100644
index 0000000..75da869
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled@2.png
new file mode 100644
index 0000000..a33daac
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover-dark.png
new file mode 100644
index 0000000..8093a0d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover-dark@2.png
new file mode 100644
index 0000000..b001093
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover.png
new file mode 100644
index 0000000..8093a0d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover@2.png
new file mode 100644
index 0000000..b001093
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed-hover@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed.png
new file mode 100644
index 0000000..adc2460
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed@2.png
new file mode 100644
index 0000000..a9d87d3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-mixed@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active-dark.png
new file mode 100644
index 0000000..1966c83
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active-dark@2.png
new file mode 100644
index 0000000..8afb5a5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active.png
new file mode 100644
index 0000000..4308711
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active@2.png
new file mode 100644
index 0000000..e5dc111
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-active@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-dark.png
new file mode 100644
index 0000000..3eaa832
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-dark@2.png
new file mode 100644
index 0000000..bfe7b3e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled-dark.png
new file mode 100644
index 0000000..7a084c0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled-dark@2.png
new file mode 100644
index 0000000..53eea8b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled.png
new file mode 100644
index 0000000..c6a61b3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled@2.png
new file mode 100644
index 0000000..7122b23
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover-dark.png
new file mode 100644
index 0000000..9f21a59
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover-dark@2.png
new file mode 100644
index 0000000..48b4145
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover.png
new file mode 100644
index 0000000..8f566e8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover@2.png
new file mode 100644
index 0000000..8aaa275
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked-hover@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked.png
new file mode 100644
index 0000000..d08447e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked@2.png
new file mode 100644
index 0000000..086a516
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/radio-unchecked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..8067c11
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/checkbox-mixed-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..76e69c9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/checkbox-unchecked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..97dbb89
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/radio-checked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/radio-checked-symbolic.svg
new file mode 100644
index 0000000..7b82c3d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/radio-mixed-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/radio-mixed-symbolic.svg
new file mode 100644
index 0000000..55d8916
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/radio-unchecked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..6d97559
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-checkbox-checked-symbolic.svg
new file mode 100644
index 0000000..7ad27d5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-checkbox-mixed-symbolic.svg
new file mode 100644
index 0000000..0f80850
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-checkbox-unchecked-symbolic.svg
new file mode 100644
index 0000000..bfe0a56
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-radio-checked-symbolic.svg
new file mode 100644
index 0000000..04a9a21
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-radio-mixed-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-radio-mixed-symbolic.svg
new file mode 100644
index 0000000..31aac91
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-radio-unchecked-symbolic.svg b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/small-radio-unchecked-symbolic.svg
new file mode 100644
index 0000000..f870381
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scalable/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/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-dark.png
new file mode 100644
index 0000000..5392426
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..b8246b8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..03fad80
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..b0e418f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled.png
new file mode 100644
index 0000000..ea073f0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..2d4d484
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider.png
new file mode 100644
index 0000000..5392426
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider@2.png
new file mode 100644
index 0000000..b8246b8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-after-slider@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-dark.png
new file mode 100644
index 0000000..72d2412
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..aaa7ca2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..be8fc99
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..cb93384
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled.png
new file mode 100644
index 0000000..8b05408
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..2382cfc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider.png
new file mode 100644
index 0000000..72d2412
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider@2.png
new file mode 100644
index 0000000..aaa7ca2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-horz-marks-before-slider@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-dark.png
new file mode 100644
index 0000000..f6c748a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-dark@2.png
new file mode 100644
index 0000000..e99c378
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled-dark.png
new file mode 100644
index 0000000..373b64b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled-dark@2.png
new file mode 100644
index 0000000..bc97bac
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled.png
new file mode 100644
index 0000000..aed7402
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled@2.png
new file mode 100644
index 0000000..3a1031a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider.png
new file mode 100644
index 0000000..f6c748a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider@2.png
new file mode 100644
index 0000000..e99c378
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-slider@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-dark.png
new file mode 100644
index 0000000..81f70f5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-dark@2.png
new file mode 100644
index 0000000..d18f62a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png
new file mode 100644
index 0000000..33a925a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png
new file mode 100644
index 0000000..0448651
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled.png
new file mode 100644
index 0000000..8bfab90
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled@2.png
new file mode 100644
index 0000000..6b8fb9b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider.png
new file mode 100644
index 0000000..81f70f5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider@2.png
new file mode 100644
index 0000000..d18f62a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-after-slider@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-dark.png
new file mode 100644
index 0000000..200fbc9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-dark@2.png
new file mode 100644
index 0000000..d63b473
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png
new file mode 100644
index 0000000..697134d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png
new file mode 100644
index 0000000..b0bd8c2
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled.png
new file mode 100644
index 0000000..45742a8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled@2.png
new file mode 100644
index 0000000..6458b64
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider-disabled@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider.png
new file mode 100644
index 0000000..200fbc9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider@2.png
new file mode 100644
index 0000000..d63b473
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/scale-vert-marks-before-slider@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked-dark.png
new file mode 100644
index 0000000..37c9678
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked-dark@2.png
new file mode 100644
index 0000000..0827032
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked.png
new file mode 100644
index 0000000..37c9678
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked@2.png
new file mode 100644
index 0000000..0827032
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-checked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked-dark.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked-dark.png
new file mode 100644
index 0000000..c2ef7fc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked-dark.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png
new file mode 100644
index 0000000..ead496a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked-dark@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked.png
new file mode 100644
index 0000000..3c8beba
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked.png
diff --git a/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked@2.png b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked@2.png
new file mode 100644
index 0000000..fb4ddc1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/gtk-assets/selectionmode-checkbox-unchecked@2.png
diff --git a/dotfiles/.themes/oomox-materia-dark/index.theme b/dotfiles/.themes/oomox-materia-dark/index.theme
new file mode 100755
index 0000000..b8e0c04
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/button.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/button.svg
new file mode 100644
index 0000000..9a6896d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="12" cy="12" r="12" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/close.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/close.svg
new file mode 100644
index 0000000..00de643
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="m9.41 8l-1.41 1.41 2.59 2.59-2.59 2.59 1.41 1.41 2.59-2.59 2.59 2.59 1.41-1.41-2.59-2.59 2.59-2.59-1.41-1.41-2.59 2.59-2.59-2.59z" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/maximize.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/maximize.svg
new file mode 100644
index 0000000..f371d74
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/menu.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/menu.svg
new file mode 100644
index 0000000..15d241f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <circle cx="12" cy="12" r="2" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/minimize.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/minimize.svg
new file mode 100644
index 0000000..8958f1f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="m8 14h8v2h-8z" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/shade.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/shade.svg
new file mode 100644
index 0000000..e2702dd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="m6 14 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/unmaximize.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/unmaximize.svg
new file mode 100644
index 0000000..cebc060
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/unshade.svg b/dotfiles/.themes/oomox-materia-dark/metacity-1/assets/unshade.svg
new file mode 100644
index 0000000..1fe3cb0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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">
+  <path d="m18 10-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z" fill="#808080"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/metacity-1/metacity-theme-2.xml b/dotfiles/.themes/oomox-materia-dark/metacity-1/metacity-theme-2.xml
new file mode 100644
index 0000000..e2058cc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/metacity-1/metacity-theme-2.xml
@@ -0,0 +1,618 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>oomox-materia-dark</name>
+  <author>nana-4</author>
+  <copyright>GPL</copyright>
+  <date>2018</date>
+  <description>oomox-materia-dark Metacity theme</description>
+</info>
+
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar" value="#212121"/>
+<constant name="C_highlight" value="blend/#212121/#eeeeee/0.1"/>
+<constant name="C_title_focused" value="#eeeeee"/>
+<constant name="C_title_unfocused" value="blend/#212121/#eeeeee/0.7"/>
+
+
+<!-- geometries -->
+
+<frame_geometry name="normal" title_scale="medium" rounded_top_left="2" rounded_top_right="2">
+  <distance name="left_width" value="1"/>
+  <distance name="right_width" value="1"/>
+  <distance name="bottom_height" value="1"/>
+  <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="1"/>
+  <distance name="right_width" value="1"/>
+  <distance name="bottom_height" value="1"/>
+  <distance name="title_vertical_pad" value="1"/>
+  <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="2" rounded_bottom_right="2" 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" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <include name="entire_background_focused"/>
+</draw_ops>
+
+<draw_ops name="highlight">
+  <line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/>
+  <arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight"/>
+</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">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <include name="close_focused_prelight"/>
+</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">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_unfocused_prelight"/>
+</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">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused_prelight"/>
+</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">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused_prelight"/>
+</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">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused_prelight"/>
+</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">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused_prelight"/>
+</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">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused_prelight"/>
+</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">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused_prelight"/>
+</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">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused_prelight"/>
+</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">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused_prelight"/>
+</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">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused_prelight"/>
+</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">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused_prelight"/>
+</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">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused_prelight"/>
+</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">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused_prelight"/>
+</draw_ops>
+
+<!-- appmenu -->
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_icon_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">
+  <include name="appmenu_icon_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_icon_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_icon_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_icon_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">
+  <include name="appmenu_icon_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_icon_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_icon_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.12" 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.24" 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.12" 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.24" 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="nobuttons" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="nobuttons" 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/dotfiles/.themes/oomox-materia-dark/metacity-1/metacity-theme-3.xml b/dotfiles/.themes/oomox-materia-dark/metacity-1/metacity-theme-3.xml
new file mode 100644
index 0000000..fe716fb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/metacity-1/metacity-theme-3.xml
@@ -0,0 +1,645 @@
+<?xml version="1.0"?>
+<metacity_theme>
+<info>
+  <name>oomox-materia-dark</name>
+  <author>nana-4</author>
+  <copyright>GPL</copyright>
+  <date>2018</date>
+  <description>oomox-materia-dark Metacity theme</description>
+</info>
+
+
+<!-- meaningful constants -->
+
+<constant name="C_titlebar" value="gtk:custom(wm_bg,gtk:bg[NORMAL])"/>
+<constant name="C_highlight" 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="2" rounded_top_right="2">
+  <distance name="left_width" value="1"/>
+  <distance name="right_width" value="1"/>
+  <distance name="bottom_height" value="1"/>
+  <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="1"/>
+  <distance name="right_width" value="1"/>
+  <distance name="bottom_height" value="1"/>
+  <distance name="title_vertical_pad" value="1"/>
+  <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="2" rounded_bottom_right="2" 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" x="0" y="0" width="width" height="height" filled="true"/>
+</draw_ops>
+
+<draw_ops name="entire_background_unfocused">
+  <include name="entire_background_focused"/>
+</draw_ops>
+
+<draw_ops name="highlight">
+  <line color="C_highlight" x1="2" y1="0" x2="width - 3" y2="0"/>
+  <arc color="C_highlight" x="0 - 1" y="0" width="5" height="5" start_angle="270" extent_angle="90"/>
+  <arc color="C_highlight" x="width - 5" y="0" width="5" height="5" start_angle="0" extent_angle="90"/>
+</draw_ops>
+
+<draw_ops name="titlebar_focused">
+  <include name="entire_background_focused"/>
+  <include name="highlight"/>
+</draw_ops>
+
+<draw_ops name="titlebar_unfocused">
+  <include name="entire_background_unfocused"/>
+  <include name="highlight"/>
+</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">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="close_focused_pressed">
+  <include name="close_focused_prelight"/>
+</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">
+  <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="close_unfocused_pressed">
+  <include name="close_unfocused_prelight"/>
+</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">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="maximize_focused_pressed">
+  <include name="maximize_focused_prelight"/>
+</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">
+  <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="maximize_unfocused_pressed">
+  <include name="maximize_unfocused_prelight"/>
+</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">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_focused_pressed">
+  <include name="unmaximize_focused_prelight"/>
+</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">
+  <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unmaximize_unfocused_pressed">
+  <include name="unmaximize_unfocused_prelight"/>
+</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">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="minimize_focused_pressed">
+  <include name="minimize_focused_prelight"/>
+</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">
+  <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="minimize_unfocused_pressed">
+  <include name="minimize_unfocused_prelight"/>
+</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">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="menu_focused_pressed">
+  <include name="menu_focused_prelight"/>
+</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">
+  <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="menu_unfocused_pressed">
+  <include name="menu_unfocused_prelight"/>
+</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">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="shade_focused_pressed">
+  <include name="shade_focused_prelight"/>
+</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">
+  <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="shade_unfocused_pressed">
+  <include name="shade_unfocused_prelight"/>
+</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">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_focused"/>
+</draw_ops>
+
+<draw_ops name="unshade_focused_pressed">
+  <include name="unshade_focused_prelight"/>
+</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">
+  <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="1" colorize="C_title_unfocused"/>
+</draw_ops>
+
+<draw_ops name="unshade_unfocused_pressed">
+  <include name="unshade_unfocused_prelight"/>
+</draw_ops>
+
+<!-- appmenu -->
+<constant name="D_appmenu_icon_size" value="16"/>
+
+<draw_ops name="appmenu_icon_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">
+  <include name="appmenu_icon_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_prelight">
+  <include name="appmenu_icon_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_focused_pressed">
+  <include name="appmenu_icon_focused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_icon_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">
+  <include name="appmenu_icon_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_prelight">
+  <include name="appmenu_icon_unfocused"/>
+</draw_ops>
+
+<draw_ops name="appmenu_unfocused_pressed">
+  <include name="appmenu_icon_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.12" 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.24" 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.12" 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.24" 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="nobuttons" parent="normal_focused">
+</frame_style>
+
+<frame_style name="dialog_unfocused" geometry="nobuttons" 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/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused.svg
new file mode 100644
index 0000000..5263d53
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused_prelight.svg
new file mode 100644
index 0000000..92a9a59
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused_pressed.svg
new file mode 100644
index 0000000..c786b9c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_focused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused.svg
new file mode 100644
index 0000000..eeaefa5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.5">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused_prelight.svg
new file mode 100644
index 0000000..0c03497
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused_pressed.svg
new file mode 100644
index 0000000..449b327
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/close_unfocused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused.svg
new file mode 100644
index 0000000..1ed3fc7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused_prelight.svg
new file mode 100644
index 0000000..3d414a1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused_pressed.svg
new file mode 100644
index 0000000..8afea42
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_focused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused.svg
new file mode 100644
index 0000000..b509a14
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.5">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused_prelight.svg
new file mode 100644
index 0000000..8fc4a18
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused_pressed.svg
new file mode 100644
index 0000000..e840f26
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/maximize_unfocused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused.svg
new file mode 100644
index 0000000..0ad768b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused_prelight.svg
new file mode 100644
index 0000000..545f0b8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused_pressed.svg
new file mode 100644
index 0000000..722bb0a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_focused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused.svg
new file mode 100644
index 0000000..4311453
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.5">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused_prelight.svg
new file mode 100644
index 0000000..08db545
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused_pressed.svg
new file mode 100644
index 0000000..95d7fa5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/minimize_unfocused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused.svg
new file mode 100644
index 0000000..30f153b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused_prelight.svg
new file mode 100644
index 0000000..da23a12
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused_pressed.svg
new file mode 100644
index 0000000..8cea3ed
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_focused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused.svg
new file mode 100644
index 0000000..c569d92
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.5">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused_prelight.svg
new file mode 100644
index 0000000..ed22f54
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused_pressed.svg
new file mode 100644
index 0000000..2bd2402
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/assets/unmaximize_unfocused_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close.svg b/dotfiles/.themes/oomox-materia-dark/unity/close.svg
new file mode 120000
index 0000000..b73ba6c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close.svg
@@ -0,0 +1 @@
+assets/close_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_dash.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_dash.svg
new file mode 100644
index 0000000..5263d53
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_dash_disabled.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_dash_disabled.svg
new file mode 100644
index 0000000..136a66b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_dash_disabled.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.3">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_dash_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_dash_prelight.svg
new file mode 100644
index 0000000..92a9a59
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_dash_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_dash_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_dash_pressed.svg
new file mode 100644
index 0000000..c786b9c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_dash_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8.41 7l-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59-3.59-3.59z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_focused_normal.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_focused_normal.svg
new file mode 120000
index 0000000..b73ba6c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_focused_normal.svg
@@ -0,0 +1 @@
+assets/close_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_focused_prelight.svg
new file mode 120000
index 0000000..4357436
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_focused_prelight.svg
@@ -0,0 +1 @@
+assets/close_focused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_focused_pressed.svg
new file mode 120000
index 0000000..6a8cf1d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_focused_pressed.svg
@@ -0,0 +1 @@
+assets/close_focused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused.svg
new file mode 120000
index 0000000..47aee7d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused.svg
@@ -0,0 +1 @@
+assets/close_unfocused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused_prelight.svg
new file mode 120000
index 0000000..8e6a956
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused_prelight.svg
@@ -0,0 +1 @@
+assets/close_unfocused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused_pressed.svg
new file mode 120000
index 0000000..b59544a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/close_unfocused_pressed.svg
@@ -0,0 +1 @@
+assets/close_unfocused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/dash-widgets.json b/dotfiles/.themes/oomox-materia-dark/unity/dash-widgets.json
new file mode 100644
index 0000000..80a05b1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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"     : "#ffffff",
+    "text-opacity"   : 1.0,
+    "text-size"      : 13.0,
+    "text-mode"      : "normal",
+    "text-weight"    : "regular"
+  },
+
+  "comments": {
+    "states"         : ["ACTIVE",   "NORMAL","PRELIGHT","SELECTED","INSENSITIVE"]
+  },
+
+  "button-icon": {
+    "color"          : ["#ffffff", "#eeeeee", "#eeeeee", "#eeeeee", "#eeeeee"],
+    "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"   : ["#ffffff", "#eeeeee", "#eeeeee", "#eeeeee", "#eeeeee"],
+    "border-size"    : [      2.0,       1.0,       1.0,       0.5,       0.5],
+    "border-radius"  : 4.0,
+    "text-size"      : 1.0,
+    "text-color"     : ["#ffffff", "#ffffff", "#ffffff", "#ffffff", "#ffffff"],
+    "text-opacity"   : [      1.0,       1.0,       1.0,       1.0,       1.0],
+    "fill-color"     : ["#eeeeee", "#212121", "#212121", "#212121", "#212121"],
+    "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"   : "#ffffff",
+    "main-text-opacity" : 1.0,
+    "main-text-size"    : 17.0,
+    "main-text-weight"  : "regular",
+    "sub-text-color"    : "#ffffff",
+    "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"   : "#ffffff",
+    "main-title-opacity" : 1.0,
+    "main-title-mode"    : "normal",
+    "main-title-weight"  : "regular",
+    "sub-title-size"     : 17.0,
+    "sub-title-color"    : "#ffffff",
+    "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"   : "#ffffff",
+    "main-title-opacity" : 1.0,
+    "main-title-mode"    : "normal",
+    "main-title-weight"  : "regular",
+    "sub-title-size"     : 17.0,
+    "sub-title-color"    : "#ffffff",
+    "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"     : "#ffffff",
+    "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"          : "#ffffff",
+    "opacity"        : 0.15,
+    "overlay-opacity": 0.47,
+    "overlay-mode"   : "normal",
+    "blur-size"      : 6
+  },
+
+  "filter-caption"   : {
+    "text-size"      : 17,
+    "text-color"     : "#ffffff",
+    "text-opacity"   : 1.0,
+    "text-mode"      : "normal",
+    "text-weight"    : "bold",
+    "text-arrow-gap" : 10
+  }
+}
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_btt_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_btt_19.svg
new file mode 100644
index 0000000..e876a32
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="10" cy="4" r="2"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_btt_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_btt_37.svg
new file mode 100644
index 0000000..884107d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="19" cy="8" r="4"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ltr_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ltr_19.svg
new file mode 100644
index 0000000..daaf4e1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="4" cy="10" r="2"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ltr_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ltr_37.svg
new file mode 100644
index 0000000..9e4de17
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="8" cy="19" r="4"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_btt_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_btt_19.svg
new file mode 100644
index 0000000..a385e69
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee" opacity="0.7">
+  <circle cx="10" cy="4" r="2"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_btt_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_btt_37.svg
new file mode 100644
index 0000000..63afade
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee" opacity="0.7">
+  <circle cx="19" cy="8" r="4"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ltr_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ltr_19.svg
new file mode 100644
index 0000000..cb951f1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee" opacity="0.7">
+  <circle cx="4" cy="10" r="2"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ltr_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ltr_37.svg
new file mode 100644
index 0000000..ad674b4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee" opacity="0.7">
+  <circle cx="8" cy="19" r="4"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_rtl_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_rtl_19.svg
new file mode 120000
index 0000000..11da60a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_rtl_19.svg
@@ -0,0 +1 @@
+launcher_arrow_outline_ltr_19.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_rtl_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_rtl_37.svg
new file mode 120000
index 0000000..16e1b01
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_rtl_37.svg
@@ -0,0 +1 @@
+launcher_arrow_outline_ltr_37.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ttb_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ttb_19.svg
new file mode 120000
index 0000000..b834d86
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ttb_19.svg
@@ -0,0 +1 @@
+launcher_arrow_outline_btt_19.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ttb_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ttb_37.svg
new file mode 120000
index 0000000..ba82233
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_outline_ttb_37.svg
@@ -0,0 +1 @@
+launcher_arrow_outline_btt_37.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_rtl_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_rtl_19.svg
new file mode 120000
index 0000000..6c4e31f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_rtl_19.svg
@@ -0,0 +1 @@
+launcher_arrow_ltr_19.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_rtl_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_rtl_37.svg
new file mode 120000
index 0000000..372ed7c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_rtl_37.svg
@@ -0,0 +1 @@
+launcher_arrow_ltr_37.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ttb_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ttb_19.svg
new file mode 120000
index 0000000..f680bb8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ttb_19.svg
@@ -0,0 +1 @@
+launcher_arrow_btt_19.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ttb_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ttb_37.svg
new file mode 120000
index 0000000..3ff6f54
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_arrow_ttb_37.svg
@@ -0,0 +1 @@
+launcher_arrow_btt_37.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_bfb.png b/dotfiles/.themes/oomox-materia-dark/unity/launcher_bfb.png
new file mode 100644
index 0000000..9ffc9ec
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_bfb.png
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_back_150.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_back_150.svg
new file mode 100644
index 0000000..f5d1c70
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_back_150.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_back_54.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_back_54.svg
new file mode 100644
index 0000000..d1d8834
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_back_54.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_edge_150.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_edge_150.svg
new file mode 100644
index 0000000..f5d1c70
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_edge_150.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_edge_54.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_edge_54.svg
new file mode 100644
index 0000000..d1d8834
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_edge_54.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_glow_200.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_glow_200.svg
new file mode 100644
index 0000000..d4c10f7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_glow_200.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_glow_62.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_glow_62.svg
new file mode 100644
index 0000000..5453356
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_glow_62.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_selected_back_150.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_selected_back_150.svg
new file mode 100644
index 0000000..6debbc5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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" fill="#cfcfcf">
+  <rect x="1" y="1" width="148" height="148" rx="4" ry="4"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_selected_back_54.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_selected_back_54.svg
new file mode 100644
index 0000000..bc5a5ef
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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" fill="#cfcfcf">
+  <rect x="1" y="1" width="52" height="52" rx="2" ry="2"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shadow_200.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shadow_200.svg
new file mode 100644
index 0000000..d4c10f7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shadow_200.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shadow_62.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shadow_62.svg
new file mode 100644
index 0000000..5453356
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shadow_62.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="62" height="62" viewBox="0 0 62 62"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shine_150.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shine_150.svg
new file mode 100644
index 0000000..f5d1c70
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shine_150.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shine_54.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shine_54.svg
new file mode 100644
index 0000000..d1d8834
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_icon_shine_54.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="54" height="54" viewBox="0 0 54 54"></svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_btt_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_btt_19.svg
new file mode 100644
index 0000000..d1af37f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="9.5" cy="3.5" r="1.5"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_btt_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_btt_37.svg
new file mode 100644
index 0000000..a25ca9e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="18.5" cy="7.5" r="3.5"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ltr_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ltr_19.svg
new file mode 100644
index 0000000..62a3f7f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="3.5" cy="9.5" r="1.5"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ltr_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ltr_37.svg
new file mode 100644
index 0000000..660e3c4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#eeeeee">
+  <circle cx="7.5" cy="18.5" r="3.5"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_rtl_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_rtl_19.svg
new file mode 120000
index 0000000..b054ac9
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_rtl_19.svg
@@ -0,0 +1 @@
+launcher_pip_ltr_19.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_rtl_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_rtl_37.svg
new file mode 120000
index 0000000..3523e45
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_rtl_37.svg
@@ -0,0 +1 @@
+launcher_pip_ltr_37.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ttb_19.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ttb_19.svg
new file mode 120000
index 0000000..c3d1daa
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ttb_19.svg
@@ -0,0 +1 @@
+launcher_pip_btt_19.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ttb_37.svg b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ttb_37.svg
new file mode 120000
index 0000000..db01556
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/launcher_pip_ttb_37.svg
@@ -0,0 +1 @@
+launcher_pip_btt_37.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize.svg
new file mode 120000
index 0000000..2f5209d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize.svg
@@ -0,0 +1 @@
+assets/maximize_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash.svg
new file mode 100644
index 0000000..1ed3fc7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_disabled.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_disabled.svg
new file mode 100644
index 0000000..bd0a459
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_disabled.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.3">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_prelight.svg
new file mode 100644
index 0000000..3d414a1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_pressed.svg
new file mode 100644
index 0000000..8afea42
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_dash_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8 8v8h8v-8h-8zm2 2h4v4h-4v-4z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_normal.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_normal.svg
new file mode 120000
index 0000000..2f5209d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_normal.svg
@@ -0,0 +1 @@
+assets/maximize_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_prelight.svg
new file mode 120000
index 0000000..4426372
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_prelight.svg
@@ -0,0 +1 @@
+assets/maximize_focused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_pressed.svg
new file mode 120000
index 0000000..16de6f0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_focused_pressed.svg
@@ -0,0 +1 @@
+assets/maximize_focused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused.svg
new file mode 120000
index 0000000..82bf693
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused.svg
@@ -0,0 +1 @@
+assets/maximize_unfocused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused_prelight.svg
new file mode 120000
index 0000000..06b219d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused_prelight.svg
@@ -0,0 +1 @@
+assets/maximize_unfocused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused_pressed.svg
new file mode 120000
index 0000000..29ade40
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/maximize_unfocused_pressed.svg
@@ -0,0 +1 @@
+assets/maximize_unfocused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize.svg
new file mode 120000
index 0000000..601bb67
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize.svg
@@ -0,0 +1 @@
+assets/minimize_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash.svg
new file mode 100644
index 0000000..0ad768b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_disabled.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_disabled.svg
new file mode 100644
index 0000000..d0683d7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_disabled.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.3">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_prelight.svg
new file mode 100644
index 0000000..545f0b8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_pressed.svg
new file mode 100644
index 0000000..722bb0a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_dash_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m8 14h8v2h-8z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_normal.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_normal.svg
new file mode 120000
index 0000000..601bb67
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_normal.svg
@@ -0,0 +1 @@
+assets/minimize_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_prelight.svg
new file mode 120000
index 0000000..208db64
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_prelight.svg
@@ -0,0 +1 @@
+assets/minimize_focused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_pressed.svg
new file mode 120000
index 0000000..b5152c1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_focused_pressed.svg
@@ -0,0 +1 @@
+assets/minimize_focused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused.svg
new file mode 120000
index 0000000..ba15dbf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused.svg
@@ -0,0 +1 @@
+assets/minimize_unfocused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused_prelight.svg
new file mode 120000
index 0000000..a9fd7f6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused_prelight.svg
@@ -0,0 +1 @@
+assets/minimize_unfocused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused_pressed.svg
new file mode 120000
index 0000000..b084747
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/minimize_unfocused_pressed.svg
@@ -0,0 +1 @@
+assets/minimize_unfocused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/progress_bar_fill.svg b/dotfiles/.themes/oomox-materia-dark/unity/progress_bar_fill.svg
new file mode 100644
index 0000000..69a0b95
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="#338DD6"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/progress_bar_trough.svg b/dotfiles/.themes/oomox-materia-dark/unity/progress_bar_trough.svg
new file mode 100644
index 0000000..61be4ab
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/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="-0.5" y="-0.5" width="2" height="2">
+      <!-- <feDropShadow dx="0" dy="1" stdDeviation="1.5" flood-color="#212121" flood-opacity="0.12"/> -->
+      <!-- <feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#212121" flood-opacity="0.24"/> -->
+
+      <feFlood flood-color="#212121" flood-opacity="0.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="#212121" flood-opacity="0.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="#eeeeee" filter="url(#a)"/>
+  <rect x="6" y="25" width="42" height="4" fill="#212121" opacity="0.12"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused.svg b/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused.svg
new file mode 120000
index 0000000..b73ba6c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused.svg
@@ -0,0 +1 @@
+assets/close_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused_prelight.svg
new file mode 120000
index 0000000..4357436
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused_prelight.svg
@@ -0,0 +1 @@
+assets/close_focused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused_pressed.svg
new file mode 120000
index 0000000..6a8cf1d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/sheet_style_close_focused_pressed.svg
@@ -0,0 +1 @@
+assets/close_focused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize.svg
new file mode 120000
index 0000000..67467f7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize.svg
@@ -0,0 +1 @@
+assets/unmaximize_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash.svg
new file mode 100644
index 0000000..30f153b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.7">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_disabled.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_disabled.svg
new file mode 100644
index 0000000..101b7cd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_disabled.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee" opacity="0.3">
+  <circle cx="12" cy="12" r="10" opacity="0"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_prelight.svg
new file mode 100644
index 0000000..da23a12
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_prelight.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.12"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_pressed.svg
new file mode 100644
index 0000000..8cea3ed
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_dash_pressed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#eeeeee">
+  <circle cx="12" cy="12" r="10" opacity="0.24"/>
+  <path d="m9 9v6h6v-6h-6zm2 2h2v2h-2v-2z"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_normal.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_normal.svg
new file mode 120000
index 0000000..67467f7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_normal.svg
@@ -0,0 +1 @@
+assets/unmaximize_focused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_prelight.svg
new file mode 120000
index 0000000..1d8e93e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_prelight.svg
@@ -0,0 +1 @@
+assets/unmaximize_focused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_pressed.svg
new file mode 120000
index 0000000..cc56831
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_focused_pressed.svg
@@ -0,0 +1 @@
+assets/unmaximize_focused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused.svg
new file mode 120000
index 0000000..75a28d4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused.svg
@@ -0,0 +1 @@
+assets/unmaximize_unfocused.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused_prelight.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused_prelight.svg
new file mode 120000
index 0000000..6916a72
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused_prelight.svg
@@ -0,0 +1 @@
+assets/unmaximize_unfocused_prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused_pressed.svg b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused_pressed.svg
new file mode 120000
index 0000000..adfee26
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/unity/unmaximize_unfocused_pressed.svg
@@ -0,0 +1 @@
+assets/unmaximize_unfocused_pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/border.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/border.svg
new file mode 100644
index 0000000..2fd2755
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/border.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="1" viewBox="0 0 1 1">
+  <rect width="1" height="1" fill="#212121"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-active.svg
new file mode 100644
index 0000000..321b278
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-inactive.svg
new file mode 100644
index 0000000..ca83dd7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-prelight.svg
new file mode 100644
index 0000000..b70311e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-pressed.svg
new file mode 100644
index 0000000..d718bfd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/close-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <path d="m12.4 11-1.41 1.41 3.59 3.59-3.59 3.59 1.41 1.41 3.59-3.59 3.59 3.59 1.41-1.41-3.59-3.59 3.59-3.59-1.41-1.41-3.59 3.59z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-active.svg
new file mode 100644
index 0000000..1e1b293
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-inactive.svg
new file mode 100644
index 0000000..d65bd79
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-prelight.svg
new file mode 100644
index 0000000..8f57d52
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-pressed.svg
new file mode 100644
index 0000000..c14d622
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/hide-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <path d="m12 18h8v2h-8z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-active.svg
new file mode 100644
index 0000000..6028491
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-inactive.svg
new file mode 100644
index 0000000..8498952
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-prelight.svg
new file mode 100644
index 0000000..fbeb72b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-pressed.svg
new file mode 100644
index 0000000..2e2618c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <path d="m12 12v8h8v-8zm2 2h4v4h-4z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-active.svg
new file mode 100644
index 0000000..3d1d0fa
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-inactive.svg
new file mode 100644
index 0000000..c2489f1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-prelight.svg
new file mode 100644
index 0000000..8bec686
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-pressed.svg
new file mode 100644
index 0000000..869d589
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/maximize-toggled-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <path d="m13 13v6h6v-6zm2 2h2v2h-2z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-active.svg
new file mode 100644
index 0000000..6665839
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-inactive.svg
new file mode 100644
index 0000000..1b1ae8e
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <circle cx="16" cy="16" r="12" opacity="0"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-prelight.svg
new file mode 100644
index 0000000..b5b333d
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-pressed.svg
new file mode 100644
index 0000000..8d0fe0c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/menu-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <circle cx="16" cy="16" r="2"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-active.svg
new file mode 100644
index 0000000..d5cccfd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-inactive.svg
new file mode 100644
index 0000000..cd49a4c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-prelight.svg
new file mode 100644
index 0000000..eb5f5ee
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-pressed.svg
new file mode 100644
index 0000000..4019c9a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <path d="m10 18 1.41 1.41 4.59-4.59 4.59 4.59 1.41-1.41-6-6z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-active.svg
new file mode 100644
index 0000000..8b1bee4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-inactive.svg
new file mode 100644
index 0000000..62361dd
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-prelight.svg
new file mode 100644
index 0000000..26696ad
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.12"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-pressed.svg
new file mode 100644
index 0000000..c012ef0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/shade-toggled-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <path d="m22 14-1.41-1.41-4.59 4.59-4.59-4.59-1.41 1.41l6 6z"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-active.svg
new file mode 100644
index 0000000..6d34f5c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-inactive.svg
new file mode 100644
index 0000000..bf33ee7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-prelight.svg
new file mode 100644
index 0000000..32564c4
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-pressed.svg
new file mode 100644
index 0000000..dc7b957
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-active.svg
new file mode 100644
index 0000000..64936eb
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-active.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.7">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-inactive.svg
new file mode 100644
index 0000000..fd88810
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-inactive.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee" opacity="0.5">
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-prelight.svg
new file mode 100644
index 0000000..b33c5b3
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-prelight.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-pressed.svg
new file mode 100644
index 0000000..e4a2744
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/stick-toggled-pressed.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#212121"/>
+  <rect width="32" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+  <g fill="#eeeeee">
+    <circle cx="16" cy="16" r="12" opacity="0.24"/>
+    <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"/>
+  </g>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/themerc b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/themerc
new file mode 100644
index 0000000..68c8dec
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/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=#eeeeee
+active_text_shadow_color=#eeeeee
+inactive_text_color=#bababa
+inactive_text_shadow_color=#bababa
+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/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/title-side.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/title-side.svg
new file mode 100644
index 0000000..aec9173
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/title-side.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 -1 1 32">
+  <rect width="1" height="32" fill="#212121"/>
+  <rect width="1" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/title.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/title.svg
new file mode 100644
index 0000000..43945de
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/assets/title.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1" height="32" viewBox="0 0 1 32">
+  <rect width="1" height="32" fill="#212121"/>
+  <rect width="1" height="1" fill="#eeeeee" fill-opacity="0.1"/>
+</svg>
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-active.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-active.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-inactive.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-inactive.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-left-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-left-active.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-left-active.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-left-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-left-inactive.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-left-inactive.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-right-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-right-active.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-right-active.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-right-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-right-inactive.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/bottom-right-inactive.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/close-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-active.svg
new file mode 120000
index 0000000..fa253af
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-active.svg
@@ -0,0 +1 @@
+assets/close-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/close-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-inactive.svg
new file mode 120000
index 0000000..d0a099a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-inactive.svg
@@ -0,0 +1 @@
+assets/close-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/close-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-prelight.svg
new file mode 120000
index 0000000..8ef9fbe
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-prelight.svg
@@ -0,0 +1 @@
+assets/close-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/close-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-pressed.svg
new file mode 120000
index 0000000..f1c7470
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/close-pressed.svg
@@ -0,0 +1 @@
+assets/close-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-active.svg
new file mode 120000
index 0000000..8779541
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-active.svg
@@ -0,0 +1 @@
+assets/hide-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-inactive.svg
new file mode 120000
index 0000000..5492868
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-inactive.svg
@@ -0,0 +1 @@
+assets/hide-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-prelight.svg
new file mode 120000
index 0000000..4134f9f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-prelight.svg
@@ -0,0 +1 @@
+assets/hide-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-pressed.svg
new file mode 120000
index 0000000..1965964
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/hide-pressed.svg
@@ -0,0 +1 @@
+assets/hide-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/left-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/left-active.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/left-active.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/left-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/left-inactive.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/left-inactive.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-active.svg
new file mode 120000
index 0000000..3cbfdb0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-active.svg
@@ -0,0 +1 @@
+assets/maximize-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-inactive.svg
new file mode 120000
index 0000000..1f35d2a
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-inactive.svg
@@ -0,0 +1 @@
+assets/maximize-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-prelight.svg
new file mode 120000
index 0000000..de7c8a6
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-prelight.svg
@@ -0,0 +1 @@
+assets/maximize-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-pressed.svg
new file mode 120000
index 0000000..9315905
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-pressed.svg
@@ -0,0 +1 @@
+assets/maximize-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-active.svg
new file mode 120000
index 0000000..281bc52
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-active.svg
@@ -0,0 +1 @@
+assets/maximize-toggled-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-inactive.svg
new file mode 120000
index 0000000..2c48981
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-inactive.svg
@@ -0,0 +1 @@
+assets/maximize-toggled-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-prelight.svg
new file mode 120000
index 0000000..a02ada8
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-prelight.svg
@@ -0,0 +1 @@
+assets/maximize-toggled-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-pressed.svg
new file mode 120000
index 0000000..bc997d0
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/maximize-toggled-pressed.svg
@@ -0,0 +1 @@
+assets/maximize-toggled-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-active.svg
new file mode 120000
index 0000000..26c4ca1
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-active.svg
@@ -0,0 +1 @@
+assets/menu-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-inactive.svg
new file mode 120000
index 0000000..f192992
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-inactive.svg
@@ -0,0 +1 @@
+assets/menu-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-prelight.svg
new file mode 120000
index 0000000..d52b110
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-prelight.svg
@@ -0,0 +1 @@
+assets/menu-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-pressed.svg
new file mode 120000
index 0000000..c2d0565
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/menu-pressed.svg
@@ -0,0 +1 @@
+assets/menu-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/right-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/right-active.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/right-active.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/right-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/right-inactive.svg
new file mode 120000
index 0000000..cec0be5
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/right-inactive.svg
@@ -0,0 +1 @@
+assets/border.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-active.svg
new file mode 120000
index 0000000..66e2e36
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-active.svg
@@ -0,0 +1 @@
+assets/shade-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-inactive.svg
new file mode 120000
index 0000000..9cc6e4c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-inactive.svg
@@ -0,0 +1 @@
+assets/shade-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-prelight.svg
new file mode 120000
index 0000000..ef22f69
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-prelight.svg
@@ -0,0 +1 @@
+assets/shade-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-pressed.svg
new file mode 120000
index 0000000..18b0b9b
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-pressed.svg
@@ -0,0 +1 @@
+assets/shade-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-active.svg
new file mode 120000
index 0000000..f00cc03
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-active.svg
@@ -0,0 +1 @@
+assets/shade-toggled-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-inactive.svg
new file mode 120000
index 0000000..639c43f
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-inactive.svg
@@ -0,0 +1 @@
+assets/shade-toggled-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-prelight.svg
new file mode 120000
index 0000000..3cf5b48
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-prelight.svg
@@ -0,0 +1 @@
+assets/shade-toggled-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-pressed.svg
new file mode 120000
index 0000000..63615fc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/shade-toggled-pressed.svg
@@ -0,0 +1 @@
+assets/shade-toggled-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-active.svg
new file mode 120000
index 0000000..092f2ac
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-active.svg
@@ -0,0 +1 @@
+assets/stick-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-inactive.svg
new file mode 120000
index 0000000..1085f48
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-inactive.svg
@@ -0,0 +1 @@
+assets/stick-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-prelight.svg
new file mode 120000
index 0000000..87a95c7
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-prelight.svg
@@ -0,0 +1 @@
+assets/stick-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-pressed.svg
new file mode 120000
index 0000000..a371c37
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-pressed.svg
@@ -0,0 +1 @@
+assets/stick-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-active.svg
new file mode 120000
index 0000000..76aa4bc
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-active.svg
@@ -0,0 +1 @@
+assets/stick-toggled-active.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-inactive.svg
new file mode 120000
index 0000000..c404b45
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-inactive.svg
@@ -0,0 +1 @@
+assets/stick-toggled-inactive.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-prelight.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-prelight.svg
new file mode 120000
index 0000000..41442cf
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-prelight.svg
@@ -0,0 +1 @@
+assets/stick-toggled-prelight.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-pressed.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-pressed.svg
new file mode 120000
index 0000000..5a8b28c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/stick-toggled-pressed.svg
@@ -0,0 +1 @@
+assets/stick-toggled-pressed.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/themerc b/dotfiles/.themes/oomox-materia-dark/xfwm4/themerc
new file mode 120000
index 0000000..737ee25
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/themerc
@@ -0,0 +1 @@
+assets/themerc
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-1-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-1-active.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-1-active.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-1-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-1-inactive.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-1-inactive.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-2-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-2-active.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-2-active.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-2-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-2-inactive.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-2-inactive.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-3-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-3-active.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-3-active.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-3-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-3-inactive.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-3-inactive.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-4-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-4-active.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-4-active.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-4-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-4-inactive.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-4-inactive.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-5-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-5-active.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-5-active.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/title-5-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-5-inactive.svg
new file mode 120000
index 0000000..a45337c
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/title-5-inactive.svg
@@ -0,0 +1 @@
+assets/title.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/top-left-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-left-active.svg
new file mode 120000
index 0000000..22b1640
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-left-active.svg
@@ -0,0 +1 @@
+assets/title-side.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/top-left-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-left-inactive.svg
new file mode 120000
index 0000000..22b1640
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-left-inactive.svg
@@ -0,0 +1 @@
+assets/title-side.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/top-right-active.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-right-active.svg
new file mode 120000
index 0000000..22b1640
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-right-active.svg
@@ -0,0 +1 @@
+assets/title-side.svg
\ No newline at end of file
diff --git a/dotfiles/.themes/oomox-materia-dark/xfwm4/top-right-inactive.svg b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-right-inactive.svg
new file mode 120000
index 0000000..22b1640
--- /dev/null
+++ b/dotfiles/.themes/oomox-materia-dark/xfwm4/top-right-inactive.svg
@@ -0,0 +1 @@
+assets/title-side.svg
\ No newline at end of file